Tempered Cobalt color palette — #F0F5FF · #667DC4 · #976431 · #52580C · #26334A

Slate Blue and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Slate Blue (#667DC4): A luminous, balanced violet — the color of a velvet chair.
• Ochre (#976431): A full-bodied, balanced gold — the color of old brass.
• Olive (#52580C): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#26334A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Weathered Alley color palette (#F2F5FF, #7573BF, #7E4800, #2A4E14, #142E3D)
• Iris Corridor color palette (#F3F4FF, #9A83BF, #8D7E4B, #376C4E, #3A3C4B)
• Cerulean Lantern color palette (#EAF7FF, #008FAF, #9F5964, #704A00, #1A3745)
• Tempered Station color palette (#E9FBEC, #A588C9, #8A5775, #4D521D, #3D3855)
• Aged Ridge color palette (#F2EFFF, #A76EAC, #9D5E7B, #605200, #1B162B)
• Antique Byzantium color palette (#F5F3FF, #AB42B5, #6B6B00, #00574B, #3D1C40)
• Dusty Pewter color palette (#F3F5FC, #DED8DF, #C8BAC5, #786C96, #46474F)
• Bronze Alley color palette (#FFF1F1, #CE82B3, #BD7984, #9A5F0A, #442B2C)

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