Tempered Cobalt color palette — #EBF7FF · #8AC2E3 · #5184B5 · #4C6796 · #43536F
A conversation between Cerulean and Slate, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EBF7FF): a clean, paper-quiet neutral.
- Sky (#8AC2E3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#5184B5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Slate (#4C6796): A full-bodied, balanced violet — the color of a velvet chair.
- Peacock (#43536F): A full-bodied, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Cobalt Lantern color palette (#EEF6FF, #8EB3E0, #B7925A, #4775AC, #3C543E)
- Iris Hollow color palette (#F0F5FF, #AFB2EA, #8877B6, #745A8D, #524D69)
- Dusty Lagoon color palette (#DBFDFF, #7FC7BD, #36939A, #1D707C, #39586A)
- Softworn Terrace color palette (#E1F8E1, #90D4E6, #64A3D3, #606DB1, #6B4758)
- Driftwood Alley color palette (#FFF0F9, #CDAEBB, #99738A, #6E546A, #3E4C3D)
- Tempered Periwinkle Courtyard color palette (#EFF6FF, #7698D4, #B87473, #5B8255, #364355)
- Lapis Chapel color palette (#E4ECFE, #8390E4, #6A55B8, #583380, #4B2D53)
- Washed Bloom color palette (#D9E2FF, #B29CDF, #9567B1, #744277, #63323D)
Browse the whole catalog at Explore, or see today's palette.