Tempered Cobalt color palette — #E7F3EF · #D6BDC3 · #BDA2A4 · #3386C6 · #10241F

A conversation between Cerulean and Rosewood Mist, giving this palette its sense of trust and stability.

The five colors

• Cream (#E7F3EF): a clean, paper-quiet neutral.
• Oat (#D6BDC3): A whisper-light, dusty red — the color of a theater curtain.
• Rosewood Mist (#BDA2A4): A luminous, dusty red — the color of late-summer berries.
• Cerulean (#3386C6): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#10241F): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Indigo Alley color palette (#EFE5EC, #CCBBBA, #B89F99, #6D74D7, #2B1825)
• Washed Canyon color palette (#D7E2DE, #CFBEC9, #B89CA3, #006798, #13231E)
• Muted Lagoon Courtyard color palette (#E0E7E0, #AEC6C3, #8DADB0, #009296, #152317)
• Washed Delta color palette (#D8E0E8, #A9B4C5, #838CAB, #004775, #020B18)
• Olive Archive color palette (#E6DDCE, #ABAB6E, #6D8B34, #186D8C, #1D1C00)
• Washed Lilac Atelier color palette (#F8EBED, #DCD0C9, #CCB5A2, #B37AB9, #372A2C)
• Weathered Denim Workshop color palette (#E9DAE0, #AE9B96, #9A8275, #6E5298, #12050A)
• Timeworn Chestnut color palette (#DBE9FF, #A29BCB, #AB7C85, #7D5D0F, #292D00)

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