Olive Loft color palette — #F9D9E8 · #5A8600 · #004E49 · #34002D · #000200

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

The five colors

• Shell Pink (#F9D9E8): A whisper-light, dusty rose — the color of a warm blush.
• Olive Leaf (#5A8600): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004E49): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#34002D): A deep, shadowed, balanced pink — the color of a candy shop window.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Balance. Tagged retro.

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

• Soft Bronze color palette (#F4E3D1, #8A7500, #00512B, #280046, #010100)
• Nocturne Olive Cabin color palette (#C0EBDE, #557300, #003E6A, #2F0011, #040001)
• Wandering Lagoon color palette (#FFEAE5, #008A75, #004967, #3B0005, #000202)
• Moonless Fern color palette (#F7D5DA, #5B5800, #003731, #2B0019, #010200)
• Muted Moss Boulevard color palette (#CDE9D9, #68A11F, #005D37, #312C00, #010200)
• Eclipse Forest color palette (#CFEFEE, #005D36, #44474E, #171B20, #000707)
• Chalky Mulberry color palette (#F9DCDD, #879100, #007874, #7E0061, #011001)
• Lagoon Orchard color palette (#DFECD0, #41A077, #007288, #451D24, #210006)

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