Tempered Alley color palette — #DFE4C8 · #7BA65D · #007742 · #00483A · #001D1C
Pine and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#DFE4C8): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#7BA65D): A luminous, balanced green — the color of fresh herbs.
- Pine (#007742): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#00483A): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001D1C): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, 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
- Ancient Teal color palette (#CCEAD2, #37B190, #007974, #00454C, #001921)
- Hushed Alley color palette (#E6DDCC, #AEA34F, #5B6F00, #0F4A02, #002010)
- Pine Grove color palette (#FFDC93, #98AD42, #197E3D, #004B49, #003649)
- Moss Thicket color palette (#F8E7CB, #6C9A3C, #006B54, #44256A, #171A00)
- Aged Lagoon Meadow color palette (#F0F3C7, #7EC499, #008872, #005557, #002B32)
- Muted Pine Dune color palette (#E0EECD, #0B881E, #00533B, #002320, #000506)
- Linen Emerald color palette (#FFF3E2, #CDD56C, #21AC58, #00675E, #002833)
- Teal Corridor color palette (#E0E5C5, #7CB9A0, #56795F, #66434C, #431E1B)
Browse the whole catalog at Explore, or see today's palette.