Olive Coast color palette — #DAEAD9 · #AFA764 · #617C3D · #4A5180 · #03321F

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

The five colors

• Honeydew (#DAEAD9): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#AFA764): A luminous, balanced green — the color of fresh herbs.
• Olive (#617C3D): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#4A5180): A full-bodied, dusty violet — the color of twilight just after sunset.
• Deep Forest (#03321F): A deep, shadowed, dusty teal — the color of sea glass.

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

• Wandering Pine Station color palette (#D7EADF, #94B072, #338454, #235F63, #1E2F03)
• Patina Lagoon Cabin color palette (#EAFAED, #B2BB81, #628E5B, #596183, #183D31)
• Hushed Cypress color palette (#D5EAE3, #79B587, #008571, #68486A, #00302E)
• Worn Olive Quarry color palette (#FFF3E5, #C4BD7F, #5B860D, #474D78, #201700)
• Softworn Pine color palette (#DBE8E0, #859D5A, #007436, #4C386F, #151F00)
• Washed Basin color palette (#E8E5D5, #819462, #3A6121, #004845, #212E02)
• Soft Aubergine Summit color palette (#DCDBF4, #C68DED, #54993A, #703194, #0F3200)
• Tempered Studio color palette (#EFF8EF, #B4DCC9, #7BA59C, #777C91, #3B5348)

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