Tempered Cobalt color palette — #F7EAF2 · #7AD3EC · #348CD3 · #006E56 · #252B4C
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Blush (#F7EAF2): bright and airy, almost weightless.
- Ice Blue (#7AD3EC): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#348CD3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#006E56): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#252B4C): A deep, shadowed, dusty 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
- Periwinkle Pier color palette (#FDF2F6, #AADDF4, #6697DA, #287B6E, #2F3959)
- Patina Atelier color palette (#F8E1EA, #74B9EB, #566EC3, #005958, #24163B)
- Weathered Azure color palette (#FDF3ED, #CAF0DA, #389ADB, #006B61, #081A46)
- Petrol Parlor color palette (#EEF0E1, #85BBCC, #007296, #004E56, #00324A)
- Antique Mallow color palette (#E9EDFF, #F0B5FF, #F5998D, #2B7DA3, #2F2F47)
- Softworn Powder Quarry color palette (#FBF2F7, #D8D4E5, #96B4D8, #5E9097, #4B5266)
- Linen Iris Basin color palette (#ECEEFD, #868BFF, #2B925A, #587300, #1A1B3C)
- Turquoise Parlor color palette (#F0E4EF, #00B7C5, #006F98, #004D2C, #000F39)
Browse the whole catalog at Explore, or see today's palette.