Olive Lagoon color palette — #DCF1E8 · #9DB577 · #448C00 · #006966 · #243400

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

The five colors

• Honeydew (#DCF1E8): A whisper-light, dusty teal — the color of sea glass.
• Sage (#9DB577): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#448C00): A full-bodied, vivid green — the color of fresh herbs.
• Pine (#006966): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#243400): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Muted Mint Corridor color palette (#D4F3EF, #5FC28E, #008C6B, #006962, #003820)
• Ancient Alley color palette (#FFF5D5, #B4D330, #5F8E1D, #00665F, #1B2200)
• Washed Navy color palette (#DCF3DB, #A19427, #456600, #333786, #342F00)
• Patina Garnet color palette (#D7E5DD, #94984E, #576A00, #7A1E2B, #1C1C00)
• Driftwood Courtyard color palette (#EEF8F2, #A2D0BC, #889758, #97615F, #2B4A3D)
• Muted Lagoon color palette (#E6FAFB, #8EBEC5, #16938C, #416787, #093D43)
• Dusty Atelier color palette (#EDF8F4, #B5DAD2, #82A781, #608490, #38544E)
• Soft Moss color palette (#FFE7C8, #CEC600, #65AE00, #7275AB, #323000)

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