Tempered Cobalt color palette — #FDF1F9 · #D1D6A9 · #727AA8 · #5E4356 · #30292E

A conversation between Slate and Wheat, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FDF1F9): a clean, paper-quiet neutral.
• Wheat (#D1D6A9): A whisper-light, dusty green — the color of fresh herbs.
• Slate (#727AA8): A full-bodied, dusty violet — the color of wild irises.
• Charcoal Brown (#5E4356): A full-bodied, dusty pink — the color of a candy shop window.
• Onyx (#30292E): quiet, heavy and certain.

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

• Aged Cerulean Dune color palette (#EFF7F4, #F9C2B5, #4F83AA, #36544B, #202F2A)
• Plum Delta color palette (#FFF1F2, #BECC8A, #9E538B, #5B3639, #2B1E1E)
• Ash Pier color palette (#F1F5FE, #BEEAD6, #919CC9, #5F6D8A, #262B36)
• Hushed Stone color palette (#F2F5FF, #E9AFAF, #5D5882, #32374C, #26232A)
• Weathered Coral Pier color palette (#FAF3F7, #CACCFE, #DF787B, #8383CC, #382A25)
• Timeworn Bronze color palette (#FBF2F9, #8499DB, #AC7C36, #117776, #3C3039)
• Wandering Taupe color palette (#F8F6E6, #C7B2E8, #BC7D8F, #2A7D78, #584045)
• Patina Taupe color palette (#FBF3F5, #E3D8D3, #B7B4A5, #B78F9A, #585052)

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