Olive Lagoon color palette — #F3F8D1 · #95E1C4 · #44C1D8 · #8B8200 · #0A4127

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

The five colors

• Custard (#F3F8D1): A whisper-light, dusty green — the color of fresh herbs.
• Lagoon (#95E1C4): A whisper-light, balanced teal — the color of glacier melt.
• Cyan (#44C1D8): A luminous, balanced blue — the color of open sky before noon.
• Olive Leaf (#8B8200): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#0A4127): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged pastel, 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

• Washed Teal color palette (#FFF3D3, #BADFA7, #00C9C1, #A96A00, #353C07)
• Quiet Cabin color palette (#E8F6DE, #A8E7F1, #72B8F9, #558C0B, #244025)
• Washed Moss Canyon color palette (#F4F7E5, #CCE8C5, #8AD0F3, #8D9032, #41443D)
• Glacier Bloom color palette (#D7FFF6, #B4E8E8, #76DAEE, #8D823D, #002D2E)
• Feathered Seafoam color palette (#D4FCDA, #8DF7C8, #80D9C7, #79A469, #2F312B)
• Airy Azure Ridge color palette (#D9E4C5, #84D1CA, #34AFEF, #5C6B00, #002722)
• Softworn Pier color palette (#D6F6F3, #8BD2B1, #00BDA9, #326C24, #00383A)
• Hushed Study color palette (#EDF9EE, #FDD0E9, #BFDFF2, #7AB8A3, #3F5348)

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