Tempered Cobalt color palette — #EEF8F0 · #9BCDE8 · #357DB9 · #005E68 · #2A3B55

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EEF8F0): a clean, paper-quiet neutral.
• Sky (#9BCDE8): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#357DB9): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005E68): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#2A3B55): A deep, shadowed, dusty blue — the color of deep harbor water.

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

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

• Lagoon Study color palette (#EFF8F1, #85D6D0, #208791, #1B6148, #1A3F51)
• Cobalt Parlor color palette (#F9EEF3, #AECCE1, #4E7EB6, #005B5C, #181D3E)
• Muted Cerulean color palette (#F4F6EE, #C1EBD9, #7BB9E6, #009BBA, #153D60)
• Weathered Ash color palette (#F0F8F1, #D7DEF0, #759FBF, #457787, #465464)
• Azure Veranda color palette (#FBF4EE, #B1E1CC, #6199D7, #047C7B, #4D2F45)
• Worn Navy Lagoon color palette (#D9E5DB, #4588B1, #003C74, #002128, #02022C)
• Misty Amber Meadow color palette (#FFE7F1, #D36F00, #0082B9, #844300, #003A56)
• Denim Canyon color palette (#E3F3E6, #66A5D6, #1D54A3, #003C49, #13184A)

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