Tempered Cobalt color palette — #E6EEFC · #6B7EC3 · #373A4E · #181E2A · #080D12
Built around Slate Blue, softened by Charcoal — the whole palette hums with creativity and sophistication.
The five colors
- Frost (#E6EEFC): A whisper-light, dusty violet — the color of a velvet chair.
- Slate Blue (#6B7EC3): A luminous, balanced violet — the color of wild irises.
- Charcoal (#373A4E): A deep, shadowed, dusty violet — the color of wild irises.
- Midnight (#181E2A): A deep, shadowed, dusty violet — the color of wild irises.
- Ink (#080D12): quiet, heavy and certain.
Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, 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
- Iris Delta color palette (#FAEDF7, #7B94F4, #66515B, #3D353B, #242025)
- Ancient Plum Studio color palette (#E8E3F1, #A55391, #3A2A40, #181321, #06060A)
- Amber Cabin color palette (#F1F0FF, #B389CA, #B78135, #268886, #262534)
- Midnight Loft color palette (#E7EBFB, #7834E8, #3A1A43, #0B0D24, #020309)
- Periwinkle Drift color palette (#EEF4EF, #D7DBEF, #7D9ECD, #327586, #2D3647)
- Antique Pewter Corridor color palette (#F0F1FC, #BEA8D8, #94A55D, #8061A1, #0D3A2E)
- Dusty Driftwood color palette (#ECF5ED, #A8CDBA, #7A8B55, #4B6575, #24362D)
- Velvet Aubergine Villa color palette (#EDE9FB, #6F0075, #34241D, #220012, #020008)
Browse the whole catalog at Explore, or see today's palette.