Olive Lagoon color palette — #FFECF3 · #B2A96F · #4F7837 · #46447C · #262100

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

The five colors

• Blush (#FFECF3): A whisper-light, dusty rose — the color of a warm blush.
• Sage (#B2A96F): A luminous, dusty green — the color of fresh herbs.
• Olive (#4F7837): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#46447C): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#262100): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Sophistication, 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

• Pine Grove color palette (#E1F9E6, #9BB363, #01804C, #6A385B, #1B2500)
• Olive Dune color palette (#EBFAED, #ABA572, #61720A, #52467E, #423B00)
• Wandering Fern color palette (#F1D7E0, #95905B, #33631E, #33325F, #00170C)
• Moss Study color palette (#FFF3E8, #CBBB72, #65972D, #665F9F, #443A07)
• Pale Jade color palette (#CDEDE2, #3CAC76, #006967, #5C284F, #001C0E)
• Aged Basin color palette (#EAF4F2, #9ECDD1, #618A99, #685B73, #1D3638)
• Antique Harbor color palette (#DDF2E1, #6B8330, #005130, #331F45, #050900)
• Scarlet Orchard color palette (#FFDBD8, #DD4547, #008687, #166681, #350004)

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