Tempered Cerulean color palette — #F5F6EB · #86C2B5 · #198FA4 · #87515B · #273C1C

Cerulean takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F5F6EB): a clean, paper-quiet neutral.
• Mint Leaf (#86C2B5): A luminous, dusty teal — the color of glacier melt.
• Cerulean (#198FA4): A full-bodied, balanced blue — the color of deep harbor water.
• Coffee (#87515B): A full-bodied, dusty red — the color of a theater curtain.
• Forest (#273C1C): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, 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

• Wandering Lagoon Chapel color palette (#FBF4E8, #A5BD94, #499076, #76567B, #36362F)
• Seafoam Summit color palette (#E6FAF6, #87E5CE, #4997A5, #715A76, #072E32)
• Chestnut Loft color palette (#FAF5EA, #B7B793, #479175, #73621F, #36362F)
• Softworn Loft color palette (#F4F7E9, #8EDDC0, #4DB3AA, #88837C, #333730)
• Dusty Harbor color palette (#E9F9F7, #66AB92, #00726B, #5E461B, #133C3F)
• Airy Drift color palette (#E7FED6, #7CCEAF, #009882, #006050, #00261D)
• Muted Market color palette (#F7F5ED, #CDD5B9, #69A9A3, #8D7D34, #475408)
• Frosted Courtyard color palette (#D2EDD3, #00AAAE, #A66DC5, #B241AD, #153319)

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