Olive Lagoon color palette — #E3ECE8 · #B0C4C6 · #8CAEB5 · #848700 · #10241C

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

The five colors

• Cream (#E3ECE8): bright and airy, almost weightless.
• Stone (#B0C4C6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#8CAEB5): A luminous, dusty blue — the color of deep harbor water.
• Olive Leaf (#848700): A luminous, balanced green — the color of new leaves after rain.
• Onyx (#10241C): 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

• Antique Olive Lagoon color palette (#D6E3DF, #9DB5BC, #74A2B5, #488400, #001914)
• Bronze Courtyard color palette (#E7DBDF, #B5C9C3, #90B3AC, #B86B00, #291A20)
• Airy Olive color palette (#E3F4E9, #AAAC71, #76891C, #736402, #1C1C00)
• Washed Fern color palette (#F2F0E7, #B6B4A1, #8F8F79, #454700, #0F0A00)
• Worn Teal color palette (#E8F0F2, #CAD4E0, #ABBCD4, #00A8A0, #143339)
• Clover Workshop color palette (#EBF8F7, #CBDDE4, #9FCCE3, #26B639, #193936)
• Patina Moss Meadow color palette (#CDE7DB, #7AA934, #008E43, #005F76, #071C00)
• Timeworn Study color palette (#F0F7F4, #D2DCDE, #A9B5C0, #A0B763, #3A4C46)

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