Tempered Cobalt color palette — #DCFFEC · #D5E1FB · #7AB5ED · #547BB9 · #5B3E54

Slate takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#DCFFEC): A whisper-light, dusty teal — the color of glacier melt.
• Frost (#D5E1FB): A whisper-light, dusty violet — the color of wild irises.
• Sky (#7AB5ED): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#547BB9): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#5B3E54): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Calm, Sophistication. Tagged light, muted, cool.

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

• Ancient Iris Harbor color palette (#FDF0FF, #DED8F2, #A5A9EE, #8479C0, #664350)
• Aged Sky color palette (#EAF8FF, #65BFF0, #5190C2, #4B668D, #47526A)
• Periwinkle Field color palette (#FAF2FB, #DADAF6, #EFC291, #579CEE, #4B453F)
• Hushed Harbor color palette (#EBFCDE, #BAEFFF, #56C1C3, #0190A5, #2A5140)
• Washed Veranda color palette (#F0F5FF, #B6C0FF, #8E73DD, #713BA2, #46204E)
• Dusty Petrol color palette (#FFF0FC, #E7D4D7, #9EB5ED, #4764A1, #1D2446)
• Sunlit Harbor color palette (#EDF7FF, #A9D0FF, #6989FF, #6145E0, #3F236E)
• Chalky Aubergine Balcony color palette (#D2E7FF, #93B4FF, #635EEA, #5800AB, #320F49)

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