Tempered Azure color palette — #FFF2EB · #97DEB5 · #2B9DD2 · #8F4F3D · #283625
A conversation between Cerulean and Lagoon, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Lagoon (#97DEB5): A whisper-light, balanced teal — the color of sea glass.
- Cerulean (#2B9DD2): A luminous, balanced blue — the color of deep harbor water.
- Burnt Sienna (#8F4F3D): A full-bodied, balanced orange — the color of sun-warmed clay.
- Deep Forest (#283625): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro, 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
- Periwinkle Balcony color palette (#FDF3E8, #99EFE9, #85A0E0, #8B6C46, #304539)
- Teal Boulevard color palette (#FFF2EE, #C8D57E, #00A7A3, #874D71, #31322C)
- Dusty Seafoam Coast color palette (#E1FEE7, #57E0D3, #45B3DB, #A96D83, #28414A)
- Worn Peony Veranda color palette (#F3F8E7, #7FD191, #B769AE, #874A00, #422200)
- Frosted Alley color palette (#FFF4DA, #00D8E8, #756FF7, #645900, #002C3F)
- Dusty Petrol color palette (#FFF0FC, #4BAB95, #1F7299, #703E37, #21434C)
- Aged Turquoise color palette (#EAFAEC, #00B3BF, #553C59, #162218, #040602)
- Wandering Boulevard color palette (#FAF4EE, #C2E3F6, #9EBAF8, #1D948F, #543444)
Browse the whole catalog at Explore, or see today's palette.