Olive Loft color palette — #E2F0E7 · #5B712A · #433700 · #2D1500 · #001004

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

The five colors

• Honeydew (#E2F0E7): bright and airy, almost weightless.
• Olive (#5B712A): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#433700): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#2D1500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#001004): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, 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

• Wandering Drift color palette (#F2D6E0, #7D6400, #532E00, #3C0100, #090D00)
• Aged Summit color palette (#CDEEDA, #7E8500, #605200, #412C00, #070E00)
• Basalt Balcony color palette (#E2F2F6, #004F4F, #4F2C00, #2C1700, #000606)
• Garnet Coast color palette (#CFE4EB, #00777C, #5E0040, #002D2F, #040008)
• Chestnut Boulevard color palette (#D9EEDF, #909E63, #796000, #65360A, #0D3835)
• Tempered Meadow color palette (#ECDFD6, #F2181B, #008572, #051113, #000303)
• Plum Workshop color palette (#D5E5F1, #B23C58, #3B2F2C, #00202F, #00050A)
• Onyx Market color palette (#D1EBFB, #003E50, #440035, #0E1200, #000203)

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