Tempered Azure color palette — #CCE5DC · #23A2E7 · #A38200 · #006A9C · #342700
Built around Cornflower, softened by Mustard — the whole palette hums with nature and growth.
The five colors
- Silver (#CCE5DC): A whisper-light, dusty teal — the color of shallow lagoons.
- Cornflower (#23A2E7): A luminous, balanced blue — the color of deep harbor water.
- Mustard (#A38200): A luminous, balanced green — the color of new leaves after rain.
- Peacock (#006A9C): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#342700): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.
Use it as a design system
One click turns Tempered Azure 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
- Ultramarine Station color palette (#EBD7E8, #6993F8, #A38200, #2C56CE, #332700)
- Muted Amber color palette (#C1E3FC, #73CFFF, #B18600, #008DC1, #352600)
- Softworn Ember color palette (#CCE6D3, #00ABC1, #D06200, #00707F, #441C00)
- Washed Amber color palette (#EEF6FF, #7CBEFF, #BF7C00, #005EA0, #251400)
- Dusty Amber color palette (#FBE8F6, #9EB6FF, #DB7700, #4158BA, #4E2C0F)
- Hushed Ultramarine color palette (#F2E1EE, #5F7CEC, #8B7200, #2A26DC, #221A00)
- Sunlit Delta color palette (#C7E2FB, #0085D0, #008130, #004D7B, #00330E)
- Weathered Nightshade Boulevard color palette (#ECD7E2, #A798FF, #4F9C00, #5735B3, #153100)
Browse the whole catalog at Explore, or see today's palette.