Tempered Cobalt color palette — #D4EAFD · #75B4FA · #4D85D6 · #3B5AA1 · #29335D
A conversation between Azure and Cornflower, giving this palette its sense of trust and stability.
The five colors
- Frost (#D4EAFD): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#75B4FA): A luminous, balanced blue — the color of deep harbor water.
- Azure (#4D85D6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#3B5AA1): A full-bodied, balanced violet — the color of a velvet chair.
- Navy (#29335D): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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 Villa color palette (#C6EEFB, #62C5FF, #5A9BFF, #5F6BC3, #3F315A)
- Worn Cornflower Balcony color palette (#EDF6FF, #9FCBFF, #468EFF, #2F4EA0, #1F2853)
- Frosted Nightshade color palette (#CEEBF4, #55A5DD, #176CBF, #3C379E, #3E305F)
- Indigo Balcony color palette (#DCDFF1, #9B9EF8, #8271D6, #614695, #412A5A)
- Patina Cerulean Basin color palette (#CCE3E8, #35B5D7, #0093BE, #00698E, #004467)
- Faded Lantern color palette (#FBE8F8, #82A5F7, #D7708B, #496CC6, #552230)
- Lapis Pier color palette (#DEEDFF, #4581E9, #3F56DB, #2C249B, #1E1259)
- Gentle Iris color palette (#F6DBF0, #7190E9, #B36EA6, #008890, #3C2038)
Browse the whole catalog at Explore, or see today's palette.