Olive Loft color palette — #EEF9EE · #90BBA6 · #5B8038 · #4C597A · #31483D

Olive Leaf and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EEF9EE): bright and airy, almost weightless.
• Sage (#90BBA6): A luminous, dusty teal — the color of shallow lagoons.
• Olive Leaf (#5B8038): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#4C597A): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#31483D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, 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

• Lagoon Station color palette (#EDF8F3, #A0CBC4, #548F76, #64627C, #3D524F)
• Tempered Olive color palette (#EDF9EF, #9C9F71, #39731B, #44486A, #1B3D30)
• Muted Field color palette (#F5F2E5, #A9BB88, #657E56, #475B45, #2A2815)
• Wandering Cabin color palette (#FAF2F8, #B6E6F2, #029BB3, #31714D, #2F4B60)
• Basalt Alley color palette (#FBF5E7, #DDD6B2, #9CB58D, #79988C, #4E4200)
• Airy Grove color palette (#F5F3FF, #BE87CD, #6BA335, #803E92, #344A22)
• Wandering Moss color palette (#D3F5E1, #76A229, #006D3A, #512B7C, #233404)
• Deep Forest Basin color palette (#CAEADF, #2C6C3D, #00332A, #29002E, #000902)

Browse the whole catalog at Explore, or see today's palette.