Olive Loft color palette — #E9F6EC · #A4A376 · #576E28 · #55441C · #052217

Built around Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#E9F6EC): a clean, paper-quiet neutral.
• Sage (#A4A376): A luminous, dusty green — the color of new leaves after rain.
• Olive (#576E28): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#55441C): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#052217): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Washed Pine color palette (#E7F6EF, #90AA72, #2C7639, #593B50, #04221C)
• Chalky Jade color palette (#CEEDE5, #55AA6D, #006C52, #2A4800, #001C08)
• Emerald Canyon color palette (#FFF1F5, #D6D49B, #639A58, #7E5B35, #122E22)
• Fern Cabin color palette (#D1E6D9, #738127, #235000, #312900, #000B06)
• Patina Lagoon color palette (#EAF4F3, #9ECECE, #449384, #456964, #213535)
• Weathered Teal Dune color palette (#D9F9FF, #25C6B8, #007C6B, #003F38, #000E0A)
• Plum Boulevard color palette (#DAEEEF, #2ABA90, #B13284, #00654B, #350524)
• Linen Indigo Villa color palette (#D1F5F9, #009078, #7756BE, #8B4500, #00181B)

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