Olive Loft color palette — #E4F4E2 · #9A8919 · #4F6E00 · #374181 · #080600
A conversation between Olive and Moss, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#E4F4E2): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#9A8919): A luminous, balanced green — the color of new leaves after rain.
- Olive (#4F6E00): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#374181): A full-bodied, balanced violet — the color of a velvet chair.
- Ink (#080600): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, 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
- Olive Courtyard color palette (#DDEEDC, #A59A33, #547F00, #58478F, #121000)
- Pine Courtyard color palette (#DBF2E5, #719556, #007549, #543B6B, #020800)
- Wandering Fern color palette (#E5E0CE, #6D7D38, #314F00, #00332F, #050700)
- Ancient Basin color palette (#E2E3F2, #AE68F1, #0D8A20, #5C0093, #000900)
- Gentle Byzantium color palette (#F4E9FE, #9531D4, #5A7000, #006A43, #040008)
- Antique Lagoon color palette (#DBF7EC, #79B97C, #009476, #795382, #002204)
- Fern Harbor color palette (#ECE2D0, #5B5C10, #1F3000, #001721, #010100)
- Sapphire Cabin color palette (#EADBDF, #79A5CD, #4467E3, #005B67, #0B0027)
Browse the whole catalog at Explore, or see today's palette.