Olive Lagoon color palette — #F7F6EA · #A9BF6E · #008BC0 · #667C00 · #001E15

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

The five colors

• Ivory (#F7F6EA): bright and airy, almost weightless.
• Sage (#A9BF6E): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#008BC0): A luminous, balanced blue — the color of deep harbor water.
• Olive Leaf (#667C00): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#001E15): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

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

• Hushed Cornflower Meadow color palette (#F3F7ED, #7AC899, #507AE0, #00884F, #221120)
• Bronze Garden color palette (#FBF4EC, #D3AD79, #00938F, #986600, #0A1D09)
• Gentle Chartreuse color palette (#E8FAF4, #C1DE73, #6288D5, #6A8200, #010510)
• Aged Cobalt color palette (#F7F2E2, #9D9947, #0277BB, #803800, #2F2D00)
• Linen Chartreuse Station color palette (#F5F7E8, #88E483, #00B8C2, #5AAC57, #0B1D0F)
• Gentle Forest color palette (#EBF8F6, #6BAC68, #00697B, #0C610F, #041B25)
• Powdered Terracotta Villa color palette (#FFE9E2, #70B572, #0085A2, #8F2F36, #003A2E)
• Garnet Veranda color palette (#F1F9E6, #21976A, #006FA7, #8D1D31, #161F02)

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