Tempered Alley color palette — #D5F0E7 · #869D34 · #9563B3 · #4D5D00 · #270F35
Moss and Amethyst set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D5F0E7): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#869D34): A luminous, balanced green — the color of new leaves after rain.
- Amethyst (#9563B3): A full-bodied, balanced violet — the color of twilight just after sunset.
- Olive (#4D5D00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Indigo (#270F35): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Wandering Violet color palette (#DCF5ED, #7F9856, #915EB6, #466100, #45235B)
- Forest Summit color palette (#D4F0EC, #5BA562, #B05C84, #0D6723, #380121)
- Cobalt Lagoon color palette (#D8F0E2, #9E933B, #5A79BE, #5F5600, #071843)
- Patina Market color palette (#E2F7F6, #76B48C, #A979B4, #007844, #282142)
- Chalky Courtyard color palette (#D5E5DF, #758519, #9C4898, #7E407A, #001912)
- Olive Courtyard color palette (#F8F7DE, #AACE6F, #BA91ED, #608200, #31194B)
- Worn Aubergine Harbor color palette (#CAF5EA, #5C8A1E, #721D7A, #253F00, #120015)
- Chestnut Coast color palette (#EEDAE4, #80A384, #88573A, #5F2C30, #001E13)
Browse the whole catalog at Explore, or see today's palette.