Tempered Azure color palette — #ECF7FF · #8FE6A0 · #0099D3 · #00648B · #0A1D29
A conversation between Cerulean and Lagoon, giving this palette its sense of nature and growth.
The five colors
- Ivory (#ECF7FF): bright and airy, almost weightless.
- Lagoon (#8FE6A0): A whisper-light, balanced green — the color of new leaves after rain.
- Cerulean (#0099D3): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#00648B): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#0A1D29): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged luxury, dark.
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
- Chartreuse Veranda color palette (#E6F9FF, #AEE17B, #00A1A6, #00696C, #021E26)
- Airy Villa color palette (#D5DFEA, #79CD9B, #007DCE, #0A4B7C, #020C18)
- Hazy Iris Coast color palette (#F0F5FF, #FFB9C2, #7383EB, #4D578C, #101A30)
- Ancient Balcony color palette (#EDF6FF, #FDA071, #006EB0, #023D65, #061C2F)
- Muted Chapel color palette (#FEF0FF, #FFCABE, #066BC1, #002F5A, #0E0310)
- Worn Ash Grove color palette (#F5F4FD, #F8D0EB, #BB8BBC, #6E6981, #2C2935)
- Hushed Lilac Orchard color palette (#F1F5FF, #DCD6E5, #C2A4A6, #939AF6, #383F52)
- Feathered Orchard color palette (#EFF6FF, #B7CFFF, #B68CFF, #6795FF, #191A32)
Browse the whole catalog at Explore, or see today's palette.