Tempered Cobalt color palette — #ECE2D9 · #80B9DD · #496FCA · #005955 · #221442

Sapphire takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Parchment (#ECE2D9): a clean, paper-quiet neutral.
• Sky (#80B9DD): A luminous, dusty blue — the color of deep harbor water.
• Sapphire (#496FCA): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005955): A full-bodied, dusty teal — the color of sea glass.
• Deep Indigo (#221442): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Powdered Cobalt color palette (#ECDBD4, #57C3CF, #007FAD, #005D36, #0B1D40)
• Antique Cobalt color palette (#FCF2F6, #A0D3F5, #4178D0, #005155, #0B0032)
• Denim Basin color palette (#DFF0EF, #6DA6CC, #005A96, #003B4D, #001E44)
• Timeworn Delta color palette (#EDF2E3, #9CCCBB, #1797F1, #007899, #001E44)
• Softworn Denim color palette (#E8DCD4, #2F9ECF, #2253AB, #003C37, #0B0125)
• Muted Parlor color palette (#FFF2EC, #2FE2FB, #0096D8, #007650, #1C2E63)
• Coral Terrace color palette (#FAD3E8, #EAA2CB, #E28464, #0B699F, #381921)
• Dusty Canyon color palette (#FDF3EA, #B9E1FF, #7B96ED, #008281, #453663)

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