Tempered Cerulean color palette — #FFF6CF · #9ACCAB · #3C8F9D · #744242 · #45190D

Cerulean and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#FFF6CF): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#9ACCAB): A luminous, dusty teal — the color of glacier melt.
• Cerulean (#3C8F9D): A luminous, balanced blue — the color of deep harbor water.
• Coffee (#744242): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#45190D): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Tempered Cerulean 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

• Chestnut Hollow color palette (#E7FED8, #8BD2E2, #7588AF, #825318, #3F280B)
• Cocoa Dune color palette (#E5E3B5, #6BC0AD, #287698, #6D301D, #2D1800)
• Onyx Field color palette (#FFF3E3, #C9C998, #899672, #684869, #3E1433)
• Dusty Petrol Alley color palette (#D2F4E7, #72A184, #007C8E, #64393A, #472A08)
• Patina Cerulean color palette (#CFE3E6, #5F83A1, #58496D, #332200, #060300)
• Tempered Workshop color palette (#FBF5E5, #A8C692, #1F8B5B, #575322, #0D1D00)
• Chestnut Villa color palette (#F8F8D0, #B1EAD7, #8AAD9E, #945437, #652A0A)
• Timeworn Atelier color palette (#DBF1FB, #9BBDD2, #799AB7, #8663A7, #4E2F4E)

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