Tempered Cobalt color palette — #FCF4E8 · #A6D8CB · #4D77CB · #004E63 · #090034
A conversation between Azure and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FCF4E8): a clean, paper-quiet neutral.
- Oat (#A6D8CB): A whisper-light, dusty teal — the color of glacier melt.
- Azure (#4D77CB): A full-bodied, balanced violet — the color of wild irises.
- Peacock (#004E63): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#090034): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Cerulean Delta color palette (#FCF4E7, #8FDAE4, #0088A6, #005248, #000E19)
- Hushed Petrol Quarry color palette (#F6EDDF, #9AC2A5, #007291, #003E39, #000307)
- Dusty Nightshade color palette (#E3F1E1, #72A1CB, #434EA2, #00393B, #120025)
- Softworn Cerulean Parlor color palette (#FBF4EA, #CAF1D2, #00A2C4, #006B5E, #002232)
- Iris Coast color palette (#F6ECE2, #9EC5E8, #7383FF, #007C80, #27133C)
- Byzantium Dune color palette (#F1F1D0, #79B340, #903CC4, #345900, #0F001B)
- Sapphire Thicket color palette (#E2E5BB, #339200, #1263D6, #A00029, #000200)
- Weathered Station color palette (#FBF4EA, #CEE0F9, #00C4DA, #008B6B, #003B4C)
Browse the whole catalog at Explore, or see today's palette.