Tempered Cobalt color palette — #EFF6FF · #FFDECA · #5F75A8 · #2B394E · #09101A

Slate takes the lead with Shell Pink close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Shell Pink (#FFDECA): A whisper-light, dusty gold — the color of honey in a jar.
• Slate (#5F75A8): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#2B394E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#09101A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Creativity, Sophistication. Tagged luxury, dark, 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

• Tempered Courtyard color palette (#EFF6FF, #E6FFCB, #6F88A9, #38475C, #161C24)
• Washed Orchard color palette (#F1F5FF, #86F5A2, #605BBD, #29255C, #03051A)
• Worn Studio color palette (#ECF3FA, #87BFBE, #215887, #002949, #020D1A)
• Wandering Seafoam color palette (#ECF8F4, #AFE4C0, #709ABD, #436785, #152521)
• Hushed Denim color palette (#FBF1FC, #CFA580, #2D537E, #102F51, #291D2A)
• Ancient Blush Corridor color palette (#EEF6FE, #D2DAF8, #E27890, #4691C5, #170F19)
• Wandering Powder Thicket color palette (#EFF6FF, #85B3FF, #C1955B, #8D6C3F, #192535)
• Ancient Ash color palette (#D9FEFA, #B0CDFF, #B77BA7, #4A6E4C, #2C3044)

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