Tempered Cobalt color palette — #E7FAF5 · #89AD67 · #0094D3 · #4B7311 · #1C4760

A conversation between Cerulean and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E7FAF5): A whisper-light, dusty teal — the color of shallow lagoons.
• Moss (#89AD67): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#0094D3): A luminous, balanced blue — the color of open sky before noon.
• Olive (#4B7311): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#1C4760): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

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

• Hazy Ridge color palette (#EAF9F4, #93AB52, #837ADD, #5B6F00, #38415F)
• Cobalt Thicket color palette (#FFF1F6, #D28E54, #3D8FD5, #955200, #284560)
• Gentle Lilac color palette (#E9FAEF, #CFB754, #939CF1, #928034, #344161)
• Sunlit Mustard color palette (#FBF1DB, #BFA200, #7D84D9, #766300, #381D2F)
• Aged Courtyard color palette (#DEF3F7, #00A492, #BC4293, #006559, #4D263E)
• Bronze Market color palette (#EBFAEF, #A2AD7E, #857032, #6B4930, #244441)
• Pale Byzantium Lantern color palette (#D9FEFF, #2BBE8F, #A512D5, #006D4F, #4D275E)
• Sunlit Mulberry Parlor color palette (#CDEDF1, #007F6E, #A60043, #00433A, #390012)

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