Tempered Pine Alley color palette — #F1FAD8 · #007739 · #004955 · #35004A · #020100
A conversation between Pine and Deep Indigo, giving this palette its sense of nature and growth.
The five colors
- Custard (#F1FAD8): A whisper-light, dusty green — the color of a quiet forest floor.
- Pine (#007739): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#004955): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Indigo (#35004A): A deep, shadowed, balanced violet — the color of a velvet chair.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Tempered Pine 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
- Feathered Canyon color palette (#FFF5D6, #757300, #004E57, #38005B, #020100)
- Onyx Lagoon color palette (#E9F3E4, #005B4F, #003061, #200043, #040000)
- Onyx Chapel color palette (#E6FDE4, #007174, #004C78, #4E0029, #010100)
- Moss Delta color palette (#FFEAD9, #819500, #006354, #4C0048, #000600)
- Fern Drift color palette (#D5EFE7, #415700, #003345, #2F0027, #000802)
- Wandering Balcony color palette (#FFF5D4, #767100, #004E1B, #002653, #040000)
- Pine Grove color palette (#F2E07D, #7FA837, #007A29, #00362B, #000405)
- Aubergine Balcony color palette (#E8FDDF, #00A08D, #006B97, #60006B, #080500)
Browse the whole catalog at Explore, or see today's palette.