Garnet Alley color palette — #F7F1D0 · #615500 · #00543B · #5F0E00 · #020100
Built around Espresso, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Custard (#F7F1D0): A whisper-light, dusty green — the color of fresh herbs.
- Olive (#615500): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#00543B): A deep, shadowed, balanced teal — the color of glacier melt.
- Espresso (#5F0E00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Balance. Tagged muted.
Use it as a design system
One click turns Garnet 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
- Washed Fern color palette (#DEE9DA, #2E6400, #005155, #472A00, #000200)
- Misty Cabin color palette (#FFEADB, #7E4300, #3A4F00, #5E0037, #030100)
- Hushed Cypress color palette (#D7EEE4, #007A5B, #006085, #4C4400, #000201)
- Obsidian Drift color palette (#D8F2E3, #787722, #453C00, #191100, #010100)
- Worn Emerald Corridor color palette (#C4EBDC, #A6C283, #4FA05B, #494300, #010100)
- Inked Nightshade Corridor color palette (#E2E0D0, #453C00, #200092, #330052, #020100)
- Deep Aubergine Lantern color palette (#D5E6D3, #6B4400, #5D0075, #320020, #020100)
- Timeworn Olive Pier color palette (#B7EEE4, #448F13, #007A81, #754A00, #000200)
Browse the whole catalog at Explore, or see today's palette.