Olive Coast color palette — #E7F7E7 · #B1AB5B · #527825 · #46447D · #242100

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

The five colors

• Cream (#E7F7E7): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#B1AB5B): A luminous, balanced green — the color of new leaves after rain.
• Olive (#527825): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#46447D): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#242100): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Olive Coast 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

• Pale Cabin color palette (#DEF9EE, #7EB97A, #007E60, #5F3B6C, #052905)
• Moss Grove color palette (#D9EAD9, #A29827, #426800, #5E2456, #191600)
• Feathered Olive color palette (#E6FCED, #AAA66D, #697000, #7F363D, #403C0F)
• Feathered Workshop color palette (#FFF3E4, #C2BE7E, #6B9542, #5E60A8, #403C08)
• Patina Market color palette (#ECF4EE, #ABCCBF, #598E87, #675C72, #23362F)
• Powdered Moss color palette (#FFF4DF, #E4DC8D, #929948, #92585C, #342F00)
• Hushed Olive Lagoon color palette (#D1E4DB, #608450, #005136, #371D40, #020B00)
• Cerulean Market color palette (#FDECF8, #99DEE2, #0091B4, #006548, #002742)

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