Tempered Cobalt color palette — #E5F0E7 · #7FB8D9 · #3687D0 · #006B78 · #000548
A conversation between Azure and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Cream (#E5F0E7): a clean, paper-quiet neutral.
- Sky (#7FB8D9): A luminous, dusty blue — the color of deep harbor water.
- Azure (#3687D0): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006B78): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#000548): A deep, shadowed, balanced violet — the color of wild irises.
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 Courtyard color palette (#E8F3EA, #63C0CC, #0091B2, #006E61, #001623)
- Dusty Basin color palette (#EFE1E7, #62ACD1, #3363B5, #004B44, #16003F)
- Periwinkle Ridge color palette (#E6F3E8, #A1DDF9, #54ACEF, #008F9A, #122D56)
- Antique Denim Orchard color palette (#E7DDCE, #4A93BA, #004B82, #002B31, #00011C)
- Chalky Ultramarine Grove color palette (#FBEBDF, #85BFE2, #325EC9, #003E3A, #030010)
- Weathered Plum Terrace color palette (#E2E8D8, #698B00, #007AC1, #BC0056, #050900)
- Teal Veranda color palette (#F1F7F2, #CCE2FC, #83CADD, #4AAC97, #2D4C60)
- Hushed Courtyard color palette (#DFF1EA, #98AC2A, #8542CD, #5D6A00, #18002F)
Browse the whole catalog at Explore, or see today's palette.