Tempered Azure color palette — #E7F4FE · #27A1D4 · #A9726E · #48674C · #19242C
A conversation between Cyan and Mocha, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E7F4FE): bright and airy, almost weightless.
- Cyan (#27A1D4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Mocha (#A9726E): A luminous, dusty orange — the color of sun-warmed clay.
- Pine (#48674C): A full-bodied, dusty green — the color of fresh herbs.
- Onyx (#19242C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Teal Dune color palette (#E4F5FB, #00A9B0, #A47188, #7B5439, #12262C)
- Iris Lagoon color palette (#ECF2FF, #888DD7, #A17A4B, #39685F, #1D2231)
- Cobalt Lagoon color palette (#EAF3FC, #3B88CE, #94584E, #504A14, #0C1C1F)
- Ancient Courtyard color palette (#E8F6EA, #8EA9ED, #836E97, #654D28, #252B3D)
- Ancient Field color palette (#E7FAF3, #7BB2D7, #AE8EB6, #5C856B, #2A433B)
- Weathered Driftwood color palette (#EBF3F9, #93CBF1, #8F75AE, #42789B, #14151F)
- Worn Cerulean color palette (#EDF2F9, #D8D5DF, #B7AAB1, #6D84A4, #33363B)
- Worn Veranda color palette (#EBF7FF, #5DD4FD, #D4A37A, #9F7385, #24343E)
Browse the whole catalog at Explore, or see today's palette.