Tempered Cobalt color palette — #F9F1E4 · #97D0F1 · #3E80BE · #005A65 · #2F162D

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

The five colors

• Cream (#F9F1E4): bright and airy, almost weightless.
• Sky (#97D0F1): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#3E80BE): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005A65): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Indigo (#2F162D): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Cerulean Boulevard color palette (#F6F1E9, #93D3E4, #3685A9, #005C59, #00271F)
• Mallow Parlor color palette (#DCFAF1, #CBDBFF, #C0AAE4, #397890, #331D31)
• Quiet Turquoise Studio color palette (#D9F2F4, #00AACB, #007098, #004974, #082447)
• Antique Cypress color palette (#F6F1EA, #C5E5E5, #77A89A, #37767C, #412F40)
• Tempered Workshop color palette (#EBE2D4, #269AA8, #005266, #002C27, #00050B)
• Hazy Cobalt Lantern color palette (#DBEDE7, #0082CC, #AC4663, #4F6423, #001913)
• Soft Meadow color palette (#D2F1E6, #2AABEF, #9C5C00, #005B85, #2C1600)
• Weathered Loft color palette (#E7F3FF, #61A9FF, #236EB8, #033366, #000B1A)

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