Tempered Cobalt color palette — #E9F3FF · #ACC9F9 · #5983C2 · #33517C · #0E2137
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E9F3FF): bright and airy, almost weightless.
- Sky (#ACC9F9): A whisper-light, dusty violet — the color of wild irises.
- Cerulean (#5983C2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#33517C): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#0E2137): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, 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
- Ancient Powder color palette (#FFF0FE, #A7C7FD, #6784B7, #394F73, #473046)
- Worn Station color palette (#E1F6FF, #94D8E4, #2299AB, #00535E, #00232F)
- Iris Delta color palette (#F0F0FF, #DCC5F8, #9B75BD, #593F72, #181734)
- Patina Powder Archive color palette (#EEF6FF, #D9D8E3, #82B8F8, #526F9D, #162A43)
- Timeworn Cerulean Delta color palette (#E9F3FF, #D7D5E2, #C9A5AB, #658AA9, #373F4C)
- Antique Workshop color palette (#EFF1FB, #EDB2B0, #635989, #2B2F47, #12131A)
- Wandering Azure color palette (#E6F4FE, #4CA0C4, #808948, #3B6B43, #16252E)
- Eclipse Navy color palette (#D9E4FF, #3B58BD, #0F0088, #02002F, #00000B)
Browse the whole catalog at Explore, or see today's palette.