Tempered Cobalt color palette — #F8F1E5 · #90DDF7 · #0C8CC6 · #006263 · #032547

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

The five colors

• Cream (#F8F1E5): bright and airy, almost weightless.
• Ice Blue (#90DDF7): A whisper-light, balanced blue — the color of deep harbor water.
• Cerulean (#0C8CC6): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006263): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#032547): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Seafoam Loft color palette (#F8F1E6, #6FE6DF, #0094A0, #006548, #002A35)
• Worn Cobalt color palette (#FFF0F9, #97DAF1, #1C86CA, #00675F, #2A3E6B)
• Worn Cobalt Dune color palette (#F6F1E9, #A2CDF1, #5C7DB0, #00596C, #31152A)
• Linen Cobalt color palette (#FFF0D8, #47CBFE, #0078B8, #005156, #00173F)
• Weathered Cerulean color palette (#EFE6D7, #009AB6, #00506E, #002C2B, #00050D)
• Airy Azure color palette (#E4FBF8, #A8E6FC, #00AAE0, #00808E, #054565)
• Weathered Garden color palette (#F6F1E9, #C3E8EB, #AE90B0, #3C7481, #422F3E)
• Softworn Sky color palette (#FFF2EA, #D6D7E7, #63B4FF, #008B6F, #2A2F61)

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