Olive Loft color palette — #D2F2E1 · #8BAC6F · #776D00 · #603A00 · #002314
Built around Olive, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D2F2E1): A whisper-light, dusty teal — the color of sea glass.
- Moss (#8BAC6F): A luminous, balanced green — the color of new leaves after rain.
- Olive (#776D00): A full-bodied, balanced green — the color of new leaves after rain.
- Bronze (#603A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Onyx (#002314): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.
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
- Aged Fern color palette (#DAEBE1, #7D9956, #695B00, #502C00, #001709)
- Wandering Olive color palette (#DBF6E8, #94A658, #736C00, #5D4600, #013F37)
- Weathered Cocoa Corridor color palette (#EBF5EB, #8FB6A3, #8B7046, #713C25, #052924)
- Garnet Lagoon color palette (#DCF0DA, #AFA157, #945D00, #7A1E00, #142100)
- Moss Lantern color palette (#FFF5D9, #C9D89E, #9F9500, #785B00, #172F06)
- Weathered Garnet color palette (#FDE1F1, #A77D49, #833E1F, #5D0824, #120E00)
- Hushed Alley color palette (#FFE2EC, #7F713F, #623900, #470500, #040600)
- Cocoa Veranda color palette (#FCEDF6, #D2B1BB, #9A768D, #764952, #1F3126)
Browse the whole catalog at Explore, or see today's palette.