Tempered Azure color palette — #F5F6EE · #BADEA6 · #59A4D4 · #799767 · #21322C
A conversation between Cyan and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F5F6EE): bright and airy, almost weightless.
- Pistachio (#BADEA6): A whisper-light, balanced green — the color of a quiet forest floor.
- Cyan (#59A4D4): A luminous, balanced blue — the color of open sky before noon.
- Moss (#799767): A luminous, dusty green — the color of a quiet forest floor.
- Deep Forest (#21322C): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, muted.
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
- Lilac Cabin color palette (#F3F7EF, #99E4C4, #9991D5, #4E9E7F, #362A30)
- Washed Sand color palette (#F9F4EC, #EDCE7D, #53ACAE, #A18A4F, #263127)
- Antique Hollow color palette (#EFF7F6, #B3E4ED, #64BBDF, #61AE6E, #11202A)
- Hushed Lime Dune color palette (#F0F7F4, #D6E5B6, #9AB6F8, #9DB75B, #262E3B)
- Olive Bloom color palette (#F6F6EE, #B4C992, #627EAB, #61763C, #362935)
- Mint Boulevard color palette (#FFF2EC, #7DD2B0, #529DB9, #8F6062, #3E4C3C)
- Seafoam Dune color palette (#E1FFDD, #83E0C4, #52B0B6, #337792, #234971)
- Wandering Taupe Coast color palette (#F3F7EF, #D2DEDA, #A5B6BC, #93A180, #50544C)
Browse the whole catalog at Explore, or see today's palette.