Tempered Cobalt color palette — #F0F5FF · #FFC9C9 · #4C66B3 · #1C2A59 · #020716
Built around Slate, softened by Navy — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#F0F5FF): bright and airy, almost weightless.
- Shell Pink (#FFC9C9): A whisper-light, dusty red — the color of late-summer berries.
- Slate (#4C66B3): A full-bodied, balanced violet — the color of wild irises.
- Navy (#1C2A59): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#020716): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: 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
- Sunflower Atelier color palette (#EFF6FF, #FCD54B, #4169B1, #192D53, #020713)
- Ancient Petrol Market color palette (#EAF8FF, #FFC9C4, #007790, #003441, #000910)
- Mint Pier color palette (#F0F5FF, #00E888, #3549B9, #0D1353, #000108)
- Frosted Parlor color palette (#EFF6FF, #FF9F6C, #294D94, #03143D, #000105)
- Wandering Archive color palette (#E5F4FF, #72BC79, #00546F, #002433, #000912)
- Aged Lantern color palette (#F1F5FF, #BDDFF1, #7C81B3, #3F4658, #181B23)
- Marigold Garden color palette (#E4EFFF, #C09F00, #0F3484, #000324, #000105)
- Amber Loft color palette (#E1FDF3, #D98C6A, #004D74, #002941, #002118)
Browse the whole catalog at Explore, or see today's palette.