Tempered Cobalt color palette — #EFF6FC · #DCD9E3 · #CEBBD1 · #267DB4 · #13202A
A conversation between Cerulean and Stone, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF6FC): a clean, paper-quiet neutral.
- Silver (#DCD9E3): a clean, paper-quiet neutral.
- Stone (#CEBBD1): A luminous, dusty pink — the color of a candy shop window.
- Cerulean (#267DB4): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#13202A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Weathered Cerulean Hollow color palette (#F0F6FC, #DDD9E3, #BDB2AA, #608DBF, #242F3C)
- Antique Alley color palette (#F1F5FC, #E0D5E7, #C0B5D1, #315AB2, #060D17)
- Denim Pier color palette (#E8F1EE, #D5C7D0, #BB949E, #005B87, #1D332C)
- Inked Indigo Market color palette (#D9E6FF, #5661ED, #341738, #16121A, #000214)
- Powder Quarry color palette (#D8F9FF, #ABBEF7, #B07DA5, #416443, #153618)
- Antique Thicket color palette (#F6F3FF, #EAD7DE, #B6B6AB, #BD74B6, #36333F)
- Olive Drift color palette (#FFF1F7, #CBBA82, #678042, #5D466D, #1F1700)
- Worn Aubergine Thicket color palette (#E7E6EE, #C0B7C5, #A2899B, #542263, #010105)
Browse the whole catalog at Explore, or see today's palette.