Olive Lagoon color palette — #B7F3E7 · #009C8A · #847A00 · #006A36 · #002620

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

The five colors

• Sea Foam (#B7F3E7): A whisper-light, dusty teal — the color of sea glass.
• Fern (#009C8A): A luminous, balanced teal — the color of glacier melt.
• Olive Leaf (#847A00): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#006A36): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#002620): A deep, shadowed, dusty teal — the color of glacier melt.

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

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

• Olive Studio color palette (#B5F1F7, #0098A2, #648500, #006566, #002528)
• Feathered Scarlet Pier color palette (#B6F0FB, #0097A9, #DB2200, #486300, #00242A)
• Timeworn Bronze color palette (#CCE9FD, #0093BF, #A96500, #006567, #002331)
• Patina Bronze color palette (#E3FAFF, #00A4BB, #BE6100, #445F00, #001013)
• Cornflower Summit color palette (#E5F0FE, #4C8CF7, #00967E, #007063, #16273E)
• Linen Magenta Quarry color palette (#B4F0FF, #0096AE, #C400BB, #725200, #00242B)
• Soft Workshop color palette (#D9E5FF, #6A71FF, #009039, #006B28, #171945)
• Powdered Hollow color palette (#F5F3FF, #C681CB, #52A374, #2C8154, #342F44)

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