Tempered Cobalt color palette — #F3F7E8 · #AED9C7 · #0088C8 · #006378 · #004272

A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F3F7E8): A whisper-light, dusty green — the color of new leaves after rain.
• Oat (#AED9C7): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0088C8): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#006378): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004272): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Cerulean Meadow color palette (#F5F6EC, #94DDE1, #00909F, #006760, #004856)
• Powdered Cobalt color palette (#F3F8E7, #84C0E6, #0073B7, #005268, #003264)
• Soft Station color palette (#F8F0EA, #A3D8F4, #1C83E6, #006262, #1A1F4D)
• Weathered Denim Thicket color palette (#EAEEDF, #5A99B3, #005071, #002F37, #001527)
• Pale Sky color palette (#E3FBF9, #CDDDFC, #65C0FF, #0EA0C1, #12426C)
• Hushed Veranda color palette (#FEF1F7, #AFE3FF, #4F9EF7, #008283, #343B68)
• Worn Loft color palette (#F4F6F0, #C7E5EA, #809BC0, #1F77A1, #604B5D)
• Linen Cobalt Station color palette (#DCF4CD, #00957C, #0079B6, #656400, #003A2F)

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