Olive Loft color palette — #DEF5EC · #6A7900 · #485D9D · #5E325B · #092E23

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

The five colors

• Honeydew (#DEF5EC): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#6A7900): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#485D9D): A full-bodied, balanced violet — the color of a velvet chair.
• Mulberry (#5E325B): A deep, shadowed, balanced pink — the color of neon signs at night.
• Deep Forest (#092E23): A deep, shadowed, dusty teal — the color of glacier melt.

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

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

• Pine Balcony color palette (#CFF8F5, #00873D, #694F9D, #6D2A3F, #052D2B)
• Chalky Olive Ridge color palette (#D2F1E6, #6B7F00, #68579B, #48337B, #00150E)
• Olive Thicket color palette (#DDFDF6, #387A00, #30468F, #580E3E, #122412)
• Soft Emerald color palette (#D6F9DD, #06A055, #006867, #552F5A, #0F3739)
• Antique Bronze Courtyard color palette (#FFE7EE, #9B6200, #006B87, #3A3B7C, #341F26)
• Linen Moss color palette (#F7EFD1, #94960A, #9A69B3, #774B8D, #2D260A)
• Tempered Courtyard color palette (#E4FAFC, #39A58A, #976E9A, #715371, #2B4244)
• Cypress Summit color palette (#ECF8F7, #CCDCE5, #A1B8BD, #437047, #333D3C)

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