Olive Loft color palette — #D2E9E0 · #5C6E00 · #00595B · #00344E · #07011F

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

The five colors

• Honeydew (#D2E9E0): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#5C6E00): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#00595B): A full-bodied, dusty teal — the color of glacier melt.
• Deep Teal (#00344E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#07011F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant, 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

• Weathered Studio color palette (#D1E4DB, #7B7900, #00633B, #003B40, #00112A)
• Misty Navy color palette (#D5EAE7, #007B35, #00556B, #061786, #0F0018)
• Lapis Cabin color palette (#D5E0F8, #4F4AD6, #00623A, #003839, #000712)
• Timeworn Olive color palette (#D8FFF3, #607A00, #405200, #003037, #030004)
• Soft Byzantium color palette (#E0DDF4, #952DB4, #005C5C, #003654, #07021F)
• Tempered Bronze color palette (#D0F0D9, #A97500, #655800, #004333, #1E1400)
• Quiet Thicket color palette (#E6DCF1, #AD007E, #00536B, #001F96, #12001D)
• Hazy Nightshade Terrace color palette (#D4FBF7, #009735, #006A88, #092FBA, #270734)

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