Olive Lagoon color palette — #E2F7F3 · #5E8B4B · #284244 · #1E2C29 · #0D1717

Built around Olive Leaf, softened by Charcoal — the whole palette hums with nature and growth.

The five colors

• Ivory (#E2F7F3): A whisper-light, dusty teal — the color of glacier melt.
• Olive Leaf (#5E8B4B): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#284244): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#1E2C29): a grounded near-black with real depth.
• Ink (#0D1717): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Olive Lagoon 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

• Timeworn Chapel color palette (#EDEFE3, #6A8E61, #364100, #1E1F12, #0D0D07)
• Eclipse Studio color palette (#D5F5F5, #007C4E, #00313B, #001D1D, #00090B)
• Hushed Atelier color palette (#E5F6F3, #7CAA70, #435E5D, #283D39, #1C2421)
• Aged Garden color palette (#F2F3E7, #94C87B, #728166, #585805, #23221C)
• Abyss Veranda color palette (#D5ECF7, #5C545A, #00414C, #241E25, #000817)
• Muted Teal color palette (#E0FBFF, #51AA9A, #B0758D, #996050, #28484D)
• Deep Chapel color palette (#D9EDF5, #00647F, #021A4A, #000F19, #000206)
• Wandering Lagoon color palette (#EEF8F0, #ABC9BC, #5E8B84, #566D5A, #3D534A)

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