Olive Lagoon color palette — #F8F0EB · #C4EAE6 · #7AA1C3 · #597638 · #422F3D

A conversation between Olive and Blue Fog, giving this palette its sense of nature and growth.

The five colors

• Cream (#F8F0EB): bright and airy, almost weightless.
• Honeydew (#C4EAE6): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#7AA1C3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Olive (#597638): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#422F3D): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Dusty Chapel color palette (#F8F0EA, #BFEEEF, #B090AF, #3D776E, #42303A)
• Washed Ash color palette (#F5F6EE, #C9E3E1, #78A590, #56785D, #315246)
• Apricot Studio color palette (#FBEFE7, #E5A178, #46ACBD, #9B623D, #1F3727)
• Dusty Coral color palette (#FFEEE5, #DF7D62, #5294C6, #517DA0, #32231B)
• Muted Cerulean Basin color palette (#FCEEE9, #96D4D9, #0087B4, #065F34, #2E162E)
• Washed Cerulean color palette (#FAF3F7, #D7D5E6, #95B6D1, #5E9098, #455467)
• Driftwood Hollow color palette (#FFEEE5, #DDDEC4, #B7C3DB, #AA8586, #3B3631)
• Hushed Blush Cabin color palette (#FFDDDD, #E9939F, #BF7767, #764F2A, #37332D)

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