ShelfSearch the shelf

Back to the collection

Colors And Fonts screenshot

Resource profile

Colors And Fonts

What it is

Generates color scales from a base color and creates five-color palettes using color theory.
Provides contrast checking, HSL editing, font pairing, mesh gradients, and shaders.
Exports designs to Tailwind v4, CSS, SCSS, Figma tokens, and other formats.

Useful for

Building accessible color palettes and testing contrast.
Creating visual design assets, including gradients and shaders.
Preparing colors and design tokens for different development and design formats.

Notes to know

Includes export support for Tailwind v4, CSS, SCSS, and Figma tokens.
The description also mentions a whiteboard feature.

A considered shelf by Shahadat Shemul·@HiShahadat