Tempered Alley color palette — #DEFFE9 · #66E5A5 · #15C2F3 · #9744F4 · #003A5F
Amethyst and Lagoon set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#DEFFE9): A whisper-light, dusty teal — the color of glacier melt.
- Lagoon (#66E5A5): A whisper-light, balanced teal — the color of sea glass.
- Cyan (#15C2F3): A luminous, balanced blue — the color of deep harbor water.
- Amethyst (#9744F4): A full-bodied, vivid violet — the color of wild irises.
- Navy (#003A5F): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged candy, vibrant, light.
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
- Softworn Indigo color palette (#E4FDEA, #A7D773, #00CACD, #6E6CFF, #004150)
- Orchid Boulevard color palette (#E3FCF3, #56E4BE, #4FA6FF, #A356BB, #1F2A59)
- Grape Thicket color palette (#D9FAE8, #0DD5A6, #0095CE, #7C2DBF, #002147)
- Seafoam Basin color palette (#E2FDF0, #00F7F4, #77D4FF, #7E9AFF, #00385A)
- Cornflower Studio color palette (#E4F5FF, #2BF0F5, #00BBE8, #5280FF, #00192E)
- Pale Sapphire Alley color palette (#EEFAE1, #EAD200, #00C7AF, #0076E2, #004243)
- Aged Plum Veranda color palette (#FFF0F8, #00CFF8, #8486FF, #D0005C, #390B4F)
- Peony Pier color palette (#FDF0FE, #90EEF4, #88B9FF, #CA5BA2, #4E2D3F)
Browse the whole catalog at Explore, or see today's palette.