Tempered Cobalt color palette — #DCECE9 · #00AAC3 · #3A76D7 · #044309 · #000809
A conversation between Azure and Cyan, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DCECE9): bright and airy, almost weightless.
- Cyan (#00AAC3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Azure (#3A76D7): A full-bodied, vivid blue — the color of open sky before noon.
- Forest (#044309): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#000809): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged pastel, 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
- Wandering Teal color palette (#D0E7E5, #00B3A7, #007DAC, #464700, #000A06)
- Misty Drift color palette (#D2EBEF, #55A7F6, #7D5BD1, #00493B, #000B11)
- Frosted Iris color palette (#E1F6DA, #00C5E2, #618CF2, #1B6A1E, #011D04)
- Azure Basin color palette (#DEF7DD, #62DDF2, #00ABDE, #006C62, #000606)
- Patina Aubergine color palette (#D4E4ED, #007391, #5E0057, #002F3D, #030003)
- Ancient Mallow color palette (#EAF3FF, #E7D4E2, #EAAFD1, #55829F, #262C3D)
- Feathered Meadow color palette (#BCFDF6, #A3E1FF, #8EA6FF, #007B52, #002129)
- Hushed Peony Station color palette (#D5E6FD, #AFA4EF, #C358A8, #005871, #060C25)
Browse the whole catalog at Explore, or see today's palette.