Tempered Cobalt color palette — #FBF2F8 · #E1EDB3 · #6A6FB0 · #4A2E41 · #170A13

Built around Slate, softened by Celadon Mist — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Celadon Mist (#E1EDB3): A whisper-light, dusty green — the color of new leaves after rain.
• Slate (#6A6FB0): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#4A2E41): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#170A13): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Weathered Driftwood Dune color palette (#FCF2F5, #DBF8D3, #9676B1, #593D46, #21191B)
• Cobalt Chapel color palette (#EBF9F4, #FFDDD2, #3E7BAD, #124137, #03130F)
• Ancient Stone Station color palette (#EDF2FB, #ADBA86, #47527C, #192642, #070C16)
• Patina Iris color palette (#F2F5FF, #FFC4C2, #968AC8, #5A6084, #1E212E)
• Wandering Mulberry color palette (#FFF1F0, #CFD794, #934569, #40172B, #0B0101)
• Coral Drift color palette (#FDF1F8, #E7D5EE, #F2715D, #837CD6, #1D0E07)
• Wandering Harbor color palette (#FBF6DC, #DCBBFF, #C87589, #007270, #45282D)
• Aged Bronze Orchard color palette (#FFF1F5, #B78FDE, #B67200, #007367, #291820)

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