Tempered Alley color palette — #D9E5C6 · #62D06D · #00A277 · #007869 · #004A51
Clover takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#D9E5C6): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#62D06D): A luminous, vivid green — the color of fresh herbs.
- Fern (#00A277): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007869): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#004A51): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Tempered Alley 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
- Sunlit Mint Thicket color palette (#CCE9D2, #00DF8F, #00B788, #008F73, #004A3F)
- Ancient Field color palette (#E5E496, #95BD2D, #00A438, #007157, #005149)
- Pale Lagoon color palette (#D1E6D7, #00C9B2, #00A0A4, #007181, #00405E)
- Softworn Veranda color palette (#E8FFC3, #7CF476, #00A97C, #007B6E, #00363B)
- Frosted Seafoam Drift color palette (#D5FFFA, #00E0D5, #009B90, #00675E, #00312E)
- Softworn Emerald Courtyard color palette (#E9FDD5, #C3F9FF, #AAD2FF, #669C64, #00524C)
- Tempered Grove color palette (#EAFDD8, #33DEAD, #D65986, #008D6A, #661938)
- Worn Grove color palette (#F6E9D5, #CCAF00, #849300, #227400, #00532E)
Browse the whole catalog at Explore, or see today's palette.