Tempered Cobalt color palette — #FAF2F8 · #E1D6D4 · #CBBBB0 · #727ABB · #42363E

Slate Blue and Stone set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Silver (#E1D6D4): a clean, paper-quiet neutral.
• Stone (#CBBBB0): A luminous, dusty gold — the color of old brass.
• Slate Blue (#727ABB): A luminous, balanced violet — the color of a velvet chair.
• Charcoal (#42363E): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Tempered Drift color palette (#F3F5FB, #DDD6E1, #B4B0C4, #5D5B9B, #363A47)
• Antique Driftwood Atelier color palette (#FFF2F0, #E0D8CD, #C7C2A2, #B76A8C, #4F3A38)
• Denim Thicket color palette (#F3E8EE, #D4BEC1, #BE9B95, #5D559C, #2C1824)
• Antique Orchid Hollow color palette (#FFE1EA, #A15ACF, #543734, #2F1A21, #130A11)
• Timeworn Lagoon color palette (#FDF4E3, #A6BD92, #429272, #7D5859, #36362F)
• Abyss Terrace color palette (#C6EADA, #D7ADC1, #AF827A, #60745D, #004C49)
• Dusty Boulevard color palette (#ECF2DA, #6DA5E8, #996095, #24643B, #432538)
• Weathered Cabin color palette (#E9DCDC, #B1A19B, #9B816A, #6F2158, #140405)

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