Olive Lagoon color palette — #F6DDE8 · #B9A45B · #5B7F1C · #0C625D · #08311C

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

The five colors

• Shell Pink (#F6DDE8): A whisper-light, dusty rose — the color of pressed rose petals.
• Camel (#B9A45B): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#5B7F1C): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#0C625D): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#08311C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, 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

• Tempered Veranda color palette (#D8EADC, #97B066, #008754, #005F74, #023127)
• Wandering Olive color palette (#FFF3E5, #C7BD7B, #67803F, #275C4E, #1D1800)
• Muted Pine color palette (#DBE9DE, #96AF73, #00875A, #695205, #0B3028)
• Frosted Ridge color palette (#FFF1F6, #C7BD70, #599A34, #885385, #1D4331)
• Wandering Moss color palette (#EDE3D4, #948F39, #495D14, #1E4730, #31280B)
• Emerald Pier color palette (#D8EFE1, #679153, #00624C, #003E55, #051400)
• Bronze Canyon color palette (#D9EBF5, #0095B7, #967600, #5A6B18, #00242E)
• Wandering Lagoon Meadow color palette (#EFF8F1, #9FD0C2, #54A279, #567788, #324841)

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