Olive Lagoon color palette — #E6F1EF · #C8DCDC · #90C1CD · #567F3D · #1F322E

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

The five colors

• Cream (#E6F1EF): bright and airy, almost weightless.
• Silver (#C8DCDC): A whisper-light, dusty teal — the color of sea glass.
• Ash (#90C1CD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Olive (#567F3D): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#1F322E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Weathered Lagoon Workshop color palette (#EBF8FB, #CCE2EE, #A5C1DE, #008985, #21373C)
• Aged Moss Pier color palette (#EFEFE6, #CAD6D0, #A2C1BC, #75A152, #2F2F21)
• Softworn Forest Grove color palette (#E4EEEE, #B2C9CE, #86ABBD, #007346, #072424)
• Hushed Pine color palette (#D3EBE0, #8AB183, #008664, #565A1E, #00312C)
• Chalky Garnet color palette (#D3E7DE, #878E00, #006C97, #7B0044, #311900)
• Wandering Pine Basin color palette (#DCF4F5, #008662, #003B3F, #001B1C, #000605)
• Mulberry Loft color palette (#F1D4E5, #6DA53C, #007975, #830A46, #002B2A)
• Abyss Harbor color palette (#D6E3E9, #98A7B4, #7787A3, #004E5B, #010B11)

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