Tempered Cobalt color palette — #FCF4E9 · #C5A670 · #5EAAAE · #6377B7 · #413C36

A conversation between Slate and Camel, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF4E9): bright and airy, almost weightless.
• Camel (#C5A670): A luminous, dusty gold — the color of honey in a jar.
• Turquoise (#5EAAAE): A luminous, dusty teal — the color of sea glass.
• Slate (#6377B7): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#413C36): a grounded near-black with real depth.

Feels like: Trust, Stability, 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

• Petrol Canyon color palette (#F8F5EB, #A7A46E, #3E918D, #6960A8, #3D3632)
• Timeworn Driftwood color palette (#F4F7EA, #8AB894, #73A2BF, #9466A1, #394300)
• Softworn Chapel color palette (#FFF1F6, #F8B17A, #8AB2E0, #6985A3, #3B2D33)
• Patina Station color palette (#FFF3E7, #D7B988, #7C9D71, #875B95, #594500)
• Aged Grape color palette (#FDF5DE, #A79905, #0097AB, #7240C5, #312C00)
• Amber Delta color palette (#EDF9EF, #AE8A3E, #439071, #266B6D, #324235)
• Softworn Balcony color palette (#FFF3E7, #FAB167, #9AC39C, #B68AA3, #583300)
• Worn Taupe Terrace color palette (#F8F5EF, #D8DBD5, #A8B7B3, #AF9962, #56524C)

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