Tempered Cobalt color palette — #F2E5EB · #89BCD2 · #006EB9 · #004B48 · #0A1234

Royal Blue and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#F2E5EB): bright and airy, almost weightless.
• Ash (#89BCD2): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#006EB9): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004B48): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#0A1234): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. 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

• Tempered Ridge color palette (#F8EFF3, #A3CEEA, #4E7BC3, #005B5F, #151E3C)
• Muted Ridge color palette (#F9EBEF, #6DA1D4, #394BB2, #003841, #0D0225)
• Patina Periwinkle color palette (#F7EFF2, #D8D1E5, #719FD6, #3B7676, #2C364B)
• Worn Delta color palette (#F1E6EE, #139BAD, #00506E, #002D23, #00040F)
• Hushed Bloom color palette (#EFD9E4, #B05712, #006885, #004483, #19010F)
• Tempered Nightshade color palette (#F1DEE5, #507DA1, #0617AC, #001F23, #010009)
• Weathered Bronze color palette (#F7E4ED, #C06200, #007794, #6D3500, #00151D)
• Quiet Dune color palette (#FFEBF4, #E6BF7B, #84B265, #8D323D, #221300)

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