Tempered Cobalt color palette — #FCF1FA · #D7C296 · #5570AB · #2D406E · #291D28

A conversation between Slate and Navy, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FCF1FA): bright and airy, almost weightless.
• Sand (#D7C296): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Slate (#5570AB): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#2D406E): A deep, shadowed, balanced violet — the color of a velvet chair.
• Onyx (#291D28): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Muted Petrol color palette (#EAF9F1, #EBB5A9, #2E7C97, #004A5F, #14261D)
• Tempered Ridge color palette (#FBF2F6, #D4D4B1, #977084, #4E476C, #34272D)
• Worn Cobalt color palette (#EFF6FF, #FFE2A5, #5D75AA, #293951, #08101B)
• Softworn Denim Dune color palette (#F0F5FD, #82BDA4, #314D91, #1D2E49, #1B1927)
• Gentle Byzantium Drift color palette (#FFF1F5, #9DCB7D, #8945AD, #502068, #29131A)
• Iris Pier color palette (#FAF3F6, #E3D8D5, #CCBDB4, #9681C8, #4F4449)
• Weathered Seafoam Garden color palette (#FFF0FC, #8DECC5, #7B94CB, #725A6E, #271F25)
• Feathered Cornflower color palette (#FAF3F8, #ABC3FC, #CB7079, #587AD8, #331E18)

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