Olive Alley color palette — #FAF0C6 · #686E00 · #004F4C · #560201 · #0B0500
Built around Olive, softened by Espresso — the whole palette hums with nature and growth.
The five colors
- Custard (#FAF0C6): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#686E00): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004F4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Espresso (#560201): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#0B0500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Olive 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 Pine color palette (#CDF2CD, #008022, #004F64, #3C2200, #070900)
- Forest Garden color palette (#FEE3CA, #8B4F00, #1A5300, #4B0035, #130000)
- Aubergine Balcony color palette (#D4FBEB, #686700, #004578, #520059, #300F00)
- Feathered Loft color palette (#F0FADE, #009064, #00719C, #004B6B, #2F0D00)
- Midnight Navy Ridge color palette (#E6F1E0, #005B4D, #003260, #1E1800, #010100)
- Hushed Quarry color palette (#F3F2E8, #D4D7B5, #A8B08E, #456700, #1D1B03)
- Moss Market color palette (#F5F2E2, #8A9D2F, #208081, #524B46, #1F180C)
- Pale Clover color palette (#DCEDD1, #1CB527, #007343, #003B28, #001A14)
Browse the whole catalog at Explore, or see today's palette.