Tempered Cobalt color palette — #D2E3D5 · #6DBCE3 · #0079C3 · #005860 · #051C47
Cerulean takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Bone (#D2E3D5): A whisper-light, dusty teal — the color of shallow lagoons.
- Sky (#6DBCE3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0079C3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005860): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Midnight (#051C47): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, 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
- Softworn Petrol color palette (#E5F2E7, #6DC1C8, #00829C, #005B4D, #002333)
- Patina Cornflower Delta color palette (#E6F2E8, #97CAFA, #5783DC, #006882, #262951)
- Cobalt Lantern color palette (#F4F7EB, #A0D4EF, #0083BF, #004F5F, #000D1D)
- Tempered Denim Courtyard color palette (#ECDFE5, #71A7C1, #13589A, #003E3D, #141947)
- Muted Courtyard color palette (#E5FCEA, #6EDEE9, #009CBC, #007464, #003850)
- Wandering Periwinkle color palette (#F0F7F1, #D5DDFC, #80A7DD, #32879B, #394864)
- Mallow Grove color palette (#E3DCF1, #F89DF0, #E881AA, #5D65A2, #292341)
- Frosted Ridge color palette (#F1EBFD, #9817FA, #995600, #00675B, #18072A)
Browse the whole catalog at Explore, or see today's palette.