Tempered Vanilla color palette — #FFF8B6 · #E1F0FF · #DDCFC8 · #344C46 · #1E2624

Custard and Charcoal set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#FFF8B6): A whisper-light, balanced green — the color of new leaves after rain.
• Frost (#E1F0FF): A whisper-light, dusty blue — the color of open sky before noon.
• Oat (#DDCFC8): a clean, paper-quiet neutral.
• Charcoal (#344C46): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#1E2624): a grounded near-black with real depth.

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

• Washed Abyss color palette (#DAF3FF, #DFD3CC, #9FB2BE, #3B5248, #1F2422)
• Aqua Coast color palette (#E1F6D7, #FFB6AF, #00D0F7, #273841, #121A1F)
• Cerulean Quarry color palette (#FAF2FB, #D0DECE, #6488B6, #533E54, #1F1920)
• Weathered Powder Pier color palette (#FFDCCD, #FFBACF, #BDB2FF, #4F4858, #33353F)
• Aged Workshop color palette (#D5FFFA, #FFEAD7, #EFCFFF, #442931, #24181B)
• Glacier Garden color palette (#CFF49A, #FFD2B6, #03F1F2, #576557, #353935)
• Muted Amber color palette (#FBF2F8, #A3B0F3, #D48043, #5B7A45, #202D24)
• Hushed Basin color palette (#E0FFB8, #FFD6CE, #BECEFF, #1A244F, #1D0E1B)

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