Emerald Ridge color palette — #F5F7E3 · #519441 · #A55C00 · #375F1E · #33342D
Built around Olive Leaf, softened by Ochre — the whole palette hums with nature and growth.
The five colors
- Cream (#F5F7E3): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#519441): A luminous, balanced green — the color of fresh herbs.
- Ochre (#A55C00): A full-bodied, balanced gold — the color of old brass.
- Olive (#375F1E): A full-bodied, balanced green — the color of a quiet forest floor.
- Espresso (#33342D): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Emerald Ridge 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
- Moss Ridge color palette (#F7F6E5, #63912D, #AE486D, #4A5B00, #33332C)
- Wandering Studio color palette (#EBF9F5, #6494C6, #B26761, #3C6C46, #2F423D)
- Softworn Delta color palette (#E5FCEA, #008692, #567200, #00574A, #003237)
- Muted Orchard color palette (#E4FCEF, #00AFD9, #C27778, #8A6830, #23382E)
- Soft Cerulean color palette (#E9FAF3, #1893CC, #915100, #454E00, #153C1D)
- Indigo Coast color palette (#FEE7F4, #6863BB, #805800, #00504C, #361D2D)
- Hushed Atelier color palette (#E4F5FF, #0094B9, #A35E63, #6E491F, #081C27)
- Timeworn Boulevard color palette (#FDF1FA, #607CD0, #9C5680, #665000, #3F2C3B)
Browse the whole catalog at Explore, or see today's palette.