Tempered Cobalt color palette — #F0F7F4 · #E6D7DB · #D4B9B9 · #008BBF · #2B4038

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

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#E6D7DB): a clean, paper-quiet neutral.
• Stone (#D4B9B9): A luminous, dusty red — the color of embers at dusk.
• Cerulean (#008BBF): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#2B4038): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Patina Delta color palette (#FAF2F7, #E1D6D4, #D0B9AF, #7577C2, #42373E)
• Aged Parlor color palette (#F2F7F1, #D1DCDA, #A9C5C8, #009489, #353D33)
• Petrol Ridge color palette (#F0F6FC, #D7D8E2, #A6B4C9, #216A98, #323C44)
• Lagoon Balcony color palette (#F6F7E5, #ACBB96, #23928A, #2C6B8A, #343730)
• Hushed Denim Workshop color palette (#DEECE7, #CCC0C8, #BA9AA6, #0065A1, #10241E)
• Muted Corridor color palette (#F0DEEE, #4F7BDD, #543542, #2C1A2B, #04100C)
• Tempered Indigo Alley color palette (#FBF2F8, #F0D6DE, #DDB1B4, #6057FF, #422A3B)
• Pale Bloom color palette (#F2F0D7, #4CB1C9, #6472B5, #605700, #05344D)

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