Tempered Cobalt color palette — #EFF6FF · #4E7CC1 · #6A4789 · #6A3100 · #0A2E31
A conversation between Cerulean and Plum, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Cerulean (#4E7CC1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Plum (#6A4789): A full-bodied, balanced violet — the color of a velvet chair.
- Bronze (#6A3100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Deep Forest (#0A2E31): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged jewel, vibrant.
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
- Nightshade Delta color palette (#E9F8FD, #008A8F, #624A97, #6B2816, #063234)
- Antique Iris color palette (#F1F5FF, #7F81BE, #82577F, #674D13, #253940)
- Turquoise Courtyard color palette (#E6FCE9, #35A7C0, #5A669A, #654800, #284052)
- Frosted Cerulean color palette (#ECF7FF, #3594BC, #92495B, #643F00, #393C00)
- Muted Byzantium color palette (#F3F4FF, #894ED2, #89154F, #4A3B00, #002733)
- Grape Courtyard color palette (#E3E7FA, #6F3AB7, #5B2D00, #352500, #001720)
- Wandering Lapis color palette (#E6EEFF, #4A42D8, #720070, #412F00, #001F22)
- Antique Cobalt Market color palette (#DBE6F2, #1B74C0, #2C3143, #16202A, #090C13)
Browse the whole catalog at Explore, or see today's palette.