Pine Alley color palette — #F0EBCD · #297230 · #004546 · #3C0928 · #1C0D27
Olive and Deep Indigo set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#F0EBCD): A whisper-light, dusty green — the color of new leaves after rain.
- Olive (#297230): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Teal (#004546): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#3C0928): A deep, shadowed, balanced rose — the color of strawberry cream.
- Ink (#1C0D27): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Balance. Tagged vintage, retro, muted.
Use it as a design system
One click turns 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
- Worn Cypress Summit color palette (#E2F5DB, #048071, #0E455E, #3B0410, #1E0820)
- Charred Onyx Garden color palette (#FDE4CB, #4B6435, #003A3B, #2D0011, #0B0002)
- Tempered Olive color palette (#F2DBBF, #657800, #004632, #32173C, #260017)
- Cypress Atelier color palette (#D1E4E2, #00756B, #003833, #1C1920, #000C0B)
- Wandering Boulevard color palette (#EEDCD1, #757A48, #006255, #4E1F24, #2D0008)
- Aubergine Alley color palette (#E3EFD3, #639373, #00746D, #4D3372, #210018)
- Charred Fern color palette (#DEF0E0, #606200, #123400, #201400, #060600)
- Garnet Ridge color palette (#C9F2E3, #004B3A, #5E0043, #4A0010, #000201)
Browse the whole catalog at Explore, or see today's palette.