Tempered Cobalt color palette — #FDEDF2 · #A2CDF1 · #6A78B1 · #005B5D · #1C1D3A

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

The five colors

• Blush (#FDEDF2): bright and airy, almost weightless.
• Sky (#A2CDF1): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#6A78B1): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005B5D): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#1C1D3A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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 Pier color palette (#F6EFF6, #9DD1E1, #2387AA, #145E2E, #0E2137)
• Weathered Cobalt color palette (#EAF9F8, #A8C9E9, #4C7AB2, #005B7C, #283A5C)
• Quiet Drift color palette (#FEECF5, #4ACBFC, #006EDC, #005348, #19074A)
• Ancient Periwinkle Basin color palette (#FCF4E8, #DAD5E0, #84A7E0, #277A90, #252B4E)
• Tempered Station color palette (#F4E5EF, #0099B8, #004C80, #002D22, #02001C)
• Muted Indigo Corridor color palette (#F2D6E3, #BB5F00, #5E5DCA, #51548E, #210B17)
• Timeworn Lagoon Delta color palette (#F2E7F3, #008A86, #004352, #022102, #000104)
• Dusty Market color palette (#FDE0EC, #E2863A, #3F69C1, #814200, #071941)

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