Infima Color Palette
by Mateusz Bartosik
Generate 7-shade palettes with WCAG checks and one-click Figma styles.
Installs
3
Likes
0
Users
30
Views
66
Preview
About this plugin
Infima Color Palette gives you the exact 7-step Infima/Docusaurus color scale from any base color—then creates matching Figma Paint Styles in one click.
What it doesReproduces Infima’s scale precisely (keeps H & S, scales HSL Lightness multiplicatively).
Shows 7 shades (lightest → darkest) with WCAG AA/AAA contrast against a background you choose.
Lets you rename the CSS variable base (e.g. --ifm-color-brand-* instead of --ifm-color-primary-*).
Exports a ready-to-paste CSS variables block.
Creates a fresh style set every time (simple + reliable).
How to useEnter your base hex color and background hex for contrast checks.(Optional) Change the CSS variable base name and style prefix.
Click Create Figma Color Styles to add lightest…darkest styles.
NotesWorks in Figma design files (styles can’t be created in FigJam).
Not affiliated with Meta/Infima or Docusaurus.