Olive Lagoon color palette — #F2D9DA · #677500 · #38002A · #26140C · #0E0008

Olive and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F2D9DA): A whisper-light, dusty red — the color of embers at dusk.
• Olive (#677500): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#38002A): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#26140C): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#0E0008): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged luxury, dark, 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

• Charred Fern color palette (#FFE6DE, #666200, #2E0006, #141205, #090001)
• Chalky Basin color palette (#F8DDDB, #909C1C, #6E003F, #37001D, #1A0001)
• Wandering Bloom color palette (#F4E8DD, #917725, #3A2000, #181D13, #110600)
• Garnet Hollow color palette (#EEE3DF, #B7A598, #9F7738, #6D0013, #1F0F0A)
• Eclipse Olive color palette (#FCE1ED, #377F2B, #250050, #060017, #040100)
• Airy Mulberry color palette (#ECE5F9, #94A000, #94187A, #411336, #030009)
• Weathered Amber color palette (#EDDBD8, #C96200, #6A0034, #25000E, #070000)
• Aged Workshop color palette (#FBF4EB, #C0AC80, #6A4B0D, #3F2900, #1E1D0B)

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