Tempered Cobalt color palette — #FAEEF2 · #AECBE9 · #6F77AE · #005B5F · #281738

Slate and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FAEEF2): bright and airy, almost weightless.
• Lilac Frost (#AECBE9): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#6F77AE): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005B5F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#281738): A deep, shadowed, dusty violet — the color of wild irises.

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

• Patina Cerulean Chapel color palette (#F7EFF5, #A8CEDD, #2D85B0, #005F39, #0C1E43)
• Cobalt Summit color palette (#EFF8F0, #B1C8DF, #5676BA, #005C75, #333660)
• Airy Loft color palette (#FFECF5, #82C5E9, #356DD0, #00524B, #1E004D)
• Rust Loft color palette (#EFD7EF, #B85A64, #007D88, #215D7D, #210822)
• Petrol Veranda color palette (#F9F4EE, #C4E2F7, #8AA6DD, #007A9A, #272952)
• Aged Denim color palette (#EDDAE5, #5694A8, #004B84, #002D23, #03001B)
• Hushed Pewter color palette (#FBECFF, #FDCBA8, #AFBA84, #855E90, #341B30)
• Washed Mulberry color palette (#F3E2FB, #C67490, #008C9C, #8C2C54, #002126)

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