Tempered Cobalt color palette — #FBEEF3 · #AACCE7 · #617BAF · #005C56 · #221A3B

Slate and Peacock set the tone — five colors that lean into creativity and calm.

The five colors

• Blush (#FBEEF3): bright and airy, almost weightless.
• Sky (#AACCE7): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#617BAF): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005C56): A full-bodied, dusty teal — the color of glacier melt.
• Deep Indigo (#221A3B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, 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

• Cobalt Orchard color palette (#EFF8F0, #ADC9DF, #4D7BAE, #005E6B, #293860)
• Weathered Cobalt color palette (#FCEDF6, #67CAEA, #0074C6, #005343, #13074E)
• Airy Forest color palette (#F8EEF8, #9CDEDB, #0091B2, #1A6624, #002647)
• Muted Thicket color palette (#F7EFF3, #D7D1E6, #849EC0, #40747D, #2E354E)
• Airy Chapel color palette (#EFE0F7, #B5597C, #007E83, #1A5E7B, #1D0A26)
• Antique Denim color palette (#F8E5F4, #4497A5, #004F74, #002D1C, #01001E)
• Dusty Navy Station color palette (#EADDE1, #527E9D, #1F3083, #001F1F, #020008)
• Nightshade Harbor color palette (#F7E5EA, #76A1C7, #444EA1, #00393B, #120024)

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