Tempered Vanilla color palette — #FFF9B3 · #E0F1FF · #DAD1C8 · #3B4F49 · #222D2A

A conversation between Custard and Charcoal Brown, giving this palette its sense of nature and growth.

The five colors

• Custard (#FFF9B3): A whisper-light, balanced green — the color of a quiet forest floor.
• Frost (#E0F1FF): A whisper-light, dusty blue — the color of deep harbor water.
• Oat (#DAD1C8): bright and airy, almost weightless.
• Charcoal Brown (#3B4F49): A full-bodied, dusty teal — the color of glacier melt.
• Onyx (#222D2A): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

One click turns Tempered Vanilla into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Dusty Frost color palette (#CEF6FF, #EFDDD8, #B8D6CF, #3C4C41, #212923)
• Hushed Meadow color palette (#FBF2FC, #CFE2D0, #6589B0, #513F53, #201821)
• Timeworn Boulevard color palette (#E6ED90, #FFCED1, #8EE2FF, #5E7569, #2C3630)
• Hushed Sky color palette (#E7E0CF, #FFB4BE, #5BC8FF, #163142, #101A21)
• Dusty Taupe Chapel color palette (#FBF2F7, #E5D7D5, #B3B9AF, #C09D9F, #524B4F)
• Celadon Orchard color palette (#E0FFB7, #FFD4DA, #BAD0FF, #1E2C4E, #150C14)
• Timeworn Powder color palette (#FCF1FC, #9EC5FF, #DA9F7E, #858555, #392D39)
• Seafoam Grove color palette (#8BFEE1, #E2C1FF, #87C4FF, #3D3F5A, #282F36)

Browse the whole catalog at Explore, or see today's palette.