Olive Loft color palette — #F8F1E3 · #9BA672 · #4A7137 · #4F471B · #211C02

Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F8F1E3): bright and airy, almost weightless.
• Sage (#9BA672): A luminous, dusty green — the color of new leaves after rain.
• Olive (#4A7137): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#4F471B): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#211C02): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Fern Study color palette (#F4F2E5, #B3B78E, #4C8364, #615500, #282916)
• Dusty Forest Atelier color palette (#EAE7D6, #779967, #1C643B, #00433D, #131300)
• Aged Study color palette (#F1E9D0, #69824B, #005319, #2C2C00, #040A00)
• Tempered Teal Harbor color palette (#C5FFFB, #49BBB8, #00726D, #003C3B, #000F0F)
• Sky Basin color palette (#E3FADE, #B3E2D9, #7BB5DE, #3C765E, #172B19)
• Gentle Garden color palette (#DFEFD8, #00A892, #B15B81, #006356, #39001F)
• Sunlit Veranda color palette (#D4E4D0, #008F85, #805AA5, #824D00, #041A00)
• Obsidian Fern color palette (#E7DECD, #585D1F, #1A3100, #00190F, #010100)

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