Tempered Azure color palette — #ECF7FF · #1FA1DA · #7A882E · #206940 · #162F38
A conversation between Cyan and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Ivory (#ECF7FF): bright and airy, almost weightless.
- Cyan (#1FA1DA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive Leaf (#7A882E): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#206940): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#162F38): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
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
- Faded Orchard color palette (#EBF7FF, #00A2CA, #8161B4, #396D42, #122E34)
- Cornflower Ridge color palette (#EFF6FF, #5C8CF5, #A0588D, #006A5D, #1E2F3B)
- Washed Harbor color palette (#FDF1F8, #B2B0F2, #CF8C3B, #548E32, #113425)
- Peony Study color palette (#F4F4FF, #BB95D5, #C16587, #217439, #14162E)
- Weathered Alley color palette (#F2F5FF, #7573BF, #7E4800, #2A4E14, #142E3D)
- Aged Lilac color palette (#F4F4FF, #BB8AD5, #B57871, #42728B, #2E3544)
- Hushed Ash color palette (#F3F4FD, #DFD7E1, #CABCCA, #9686B2, #464750)
- Ancient Parlor color palette (#FFF0F9, #D597DD, #AE6F93, #865734, #3F394D)
Browse the whole catalog at Explore, or see today's palette.