Olive Coast color palette — #EFF6FF · #97B2EB · #CF81AD · #7D7500 · #16253C

A conversation between Walnut and Dusty Rose, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#97B2EB): A luminous, balanced violet — the color of wild irises.
• Dusty Rose (#CF81AD): A luminous, balanced rose — the color of a warm blush.
• Walnut (#7D7500): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#16253C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Bronze Study color palette (#EBF7FF, #72BEE0, #B08EC8, #A0620F, #0A2838)
• Wandering Fern color palette (#EDF6FF, #84C2F2, #A476AC, #4D6600, #002E4A)
• Tempered Drift color palette (#EFF6FF, #A9C4F3, #DD9D84, #549267, #273242)
• Hushed Bronze Harbor color palette (#EFF6FF, #90B6FF, #AB7700, #00767A, #09193B)
• Muted Courtyard color palette (#F8F2FF, #D979AF, #BD7643, #00724B, #1C0D28)
• Cobalt Chapel color palette (#E7F4FF, #008FD4, #A85D4E, #664E0B, #0D1B28)
• Pale Lantern color palette (#F6F3FF, #B968AD, #B25C00, #005C41, #130011)
• Aged Delta color palette (#EEF7FC, #CADFFE, #D47DAF, #0097C2, #170D21)

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