Olive Loft color palette — #E2F7F2 · #6A884E · #264241 · #1F2C29 · #0E1717
A conversation between Olive Leaf and Forest, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E2F7F2): A whisper-light, dusty teal — the color of shallow lagoons.
- Olive Leaf (#6A884E): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#264241): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Onyx (#1F2C29): quiet, heavy and certain.
- Ink (#0E1717): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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
- Taupe Quarry color palette (#F3F2E9, #8CA56F, #515C4B, #393831, #252119)
- Pine Delta color palette (#CBE8E6, #007D41, #003137, #001D1C, #00090B)
- Tempered Studio color palette (#F3F3E4, #9FC57E, #728441, #5B5702, #23221C)
- Abyss Alley color palette (#BFE6F6, #5F575D, #004149, #1F1D24, #000A11)
- Washed Studio color palette (#E0FBFE, #5FA893, #8B81B5, #9B6949, #2A484B)
- Lagoon Hollow color palette (#EEF8F0, #A9CAB9, #608C7E, #556D5A, #405249)
- Washed Cypress Boulevard color palette (#E4FAFB, #7AC1A3, #C082A7, #298465, #554566)
- Hushed Cypress color palette (#F1F7F2, #D5DEF0, #769FBA, #377B7C, #41546A)
Browse the whole catalog at Explore, or see today's palette.