Tempered Cobalt color palette — #FCF3EC · #A0CBE8 · #4778C2 · #005F64 · #34365C
Built around Azure, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Ivory (#FCF3EC): a clean, paper-quiet neutral.
- Sky (#A0CBE8): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#4778C2): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005F64): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#34365C): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Antique Cobalt Boulevard color palette (#EAF4F4, #A2CEEC, #4980B2, #015870, #0E2137)
- Airy Meadow color palette (#FFF2EC, #94DDDC, #008EA8, #006A41, #004566)
- Ancient Azure color palette (#F3F7EA, #A8DCFF, #589BD6, #1B7694, #483149)
- Petrol Orchard color palette (#F6ECE8, #6EC0CA, #007394, #00523D, #012F54)
- Muted Blush Garden color palette (#FFF1F6, #FFD1DA, #EA9997, #536D9F, #59373E)
- Timeworn Ultramarine color palette (#F2E6D9, #7EA2C6, #3649B3, #003D46, #21163F)
- Misty Violet color palette (#FFD8E6, #9868CA, #657600, #246200, #3F202D)
- Misty Dune color palette (#F2E9DF, #4D86B2, #0F2E92, #002226, #0A0028)
Browse the whole catalog at Explore, or see today's palette.