Olive Alley color palette — #F9F6E4 · #8EB068 · #317D18 · #7D3B21 · #2F411A
Olive and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F9F6E4): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#8EB068): A luminous, balanced green — the color of fresh herbs.
- Olive (#317D18): A full-bodied, balanced green — the color of new leaves after rain.
- Rust (#7D3B21): A full-bodied, balanced orange — the color of toasted spice.
- Forest (#2F411A): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.
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
- Pine Thicket color palette (#F5F7E9, #73AA81, #00754E, #654220, #35362F)
- Chestnut Chapel color palette (#FBF4E9, #B8B183, #767831, #804B1A, #533F00)
- Amber Station color palette (#FFF3E8, #DA7500, #009750, #8A4800, #004723)
- Pine Cabin color palette (#F9F1DE, #92B569, #1F7E4C, #593F6D, #242200)
- Soft Mint Coast color palette (#E5FCEE, #A4C979, #489969, #755D89, #0E443A)
- Patina Teal Thicket color palette (#F2F8E6, #5FB69A, #007B6B, #1C5776, #0D4536)
- Powdered Courtyard color palette (#FFE6CE, #B36D00, #4D8400, #AC125B, #462802)
- Softworn Lagoon color palette (#DDE2CC, #148F63, #005140, #412900, #002114)
Browse the whole catalog at Explore, or see today's palette.