Tempered Cobalt color palette — #F0F5FF · #9CB0D6 · #B29457 · #586CBC · #34563C

Built around Cornflower Indigo, softened by Caramel — the whole palette hums with nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Mauve (#9CB0D6): A luminous, dusty violet — the color of twilight just after sunset.
• Caramel (#B29457): A luminous, balanced gold — the color of honey in a jar.
• Cornflower Indigo (#586CBC): A full-bodied, balanced violet — the color of wild irises.
• Deep Olive (#34563C): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged 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

• Hushed Cobalt Thicket color palette (#EEF6FF, #95B2D7, #BB8F62, #2C73C3, #65404E)
• Patina Courtyard color palette (#F8EEF6, #9DB2E8, #B89838, #586EAD, #34312A)
• Patina Iris Boulevard color palette (#F0F5FF, #ADC3FC, #C9AF64, #6F89D1, #375541)
• Airy Pier color palette (#F5F3FF, #C6A1CD, #85A565, #9753A4, #28574D)
• Hushed Olive Basin color palette (#F1F5FF, #9392C1, #A58440, #707726, #3A4159)
• Weathered Cerulean Drift color palette (#F0F6FF, #E0D8E2, #C5AD9F, #5490A3, #474C5D)
• Dusty Field color palette (#FDF1F7, #A6C0AA, #997385, #814D4C, #374D44)
• Pale Grape Market color palette (#F1F5FF, #9C94F6, #7D8700, #5000CB, #3A3F00)

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