Tempered Cobalt color palette — #F0E6EC · #82BED2 · #006DBC · #004D3E · #101034

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

The five colors

• Blush (#F0E6EC): bright and airy, almost weightless.
• Sky (#82BED2): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#006DBC): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D3E): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#101034): A deep, shadowed, dusty violet — the color of wild irises.

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

• Softworn Forest color palette (#EEE6EE, #7AC2C0, #007792, #005012, #00172E)
• Timeworn Cobalt color palette (#F9EEF3, #AECCE2, #4E7BC6, #005C54, #181D3C)
• Linen Ultramarine Villa color palette (#F7E8ED, #70A2C9, #3444C4, #003939, #110026)
• Forest Grove color palette (#F7EFF8, #9CDED9, #0092AF, #0F670F, #002744)
• Washed Cerulean Veranda color palette (#F9E9F6, #3C99A4, #005070, #002E19, #000219)
• Ancient Archive color palette (#F6EFF3, #D7D1E6, #7B9ECE, #277A6D, #2E354B)
• Washed Plum color palette (#FFE3F1, #B71983, #006E60, #00515C, #11041C)
• Nightshade Coast color palette (#EFE3E8, #3B80A9, #0F22A0, #001F1E, #020008)

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