Olive Coast color palette — #FEE7D7 · #7F7C2C · #28623A · #3A1F45 · #270913

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

The five colors

• Rose Water (#FEE7D7): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Walnut (#7F7C2C): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#28623A): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#3A1F45): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#270913): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, 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

• Pine Dune color palette (#EEE6C6, #478442, #005C5C, #45183B, #22011B)
• Aged Drift color palette (#FFEAE4, #7F6B24, #00412F, #2D0737, #1A000D)
• Washed Pier color palette (#F7E5E8, #A1798C, #69732E, #6A2655, #2C020E)
• Hushed Bronze Lagoon color palette (#FFE8E8, #A56200, #555502, #162D4A, #000E25)
• Weathered Pier color palette (#DAF0DF, #828655, #2B6033, #0E194C, #020007)
• Lagoon Station color palette (#E9F1E2, #289678, #006782, #59282B, #3D0E13)
• Washed Fern color palette (#E8E0CA, #716800, #325300, #002C06, #000B06)
• Hazy Lagoon color palette (#E1EEDB, #477B20, #680061, #570081, #010200)

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