Olive Loft color palette — #DFE5C6 · #587900 · #264800 · #021700 · #000200
A conversation between Olive and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#DFE5C6): A whisper-light, dusty green — the color of new leaves after rain.
- Olive (#587900): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#264800): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#021700): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Olive Loft 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
- Ancient Lagoon color palette (#F2E5CD, #8D7200, #4C4100, #181700, #010100)
- Aged Harbor color palette (#CCEAD1, #099F4B, #005122, #000E04, #000200)
- Muted Loft color palette (#D7F1E5, #007A63, #004A41, #001F1C, #000202)
- Terracotta Dune color palette (#F0F0DD, #477B00, #952900, #1A3300, #040000)
- Muted Jade color palette (#DAEFE4, #00AB86, #007966, #003D37, #001110)
- Weathered Pier color palette (#E2EDDE, #5AC063, #008B44, #005132, #002216)
- Forest Grove color palette (#E9F4DA, #006542, #004E66, #3C3100, #000201)
- Forest Terrace color palette (#E4EBD5, #81CDB0, #00A797, #07510C, #000201)
Browse the whole catalog at Explore, or see today's palette.