Olive Coast color palette — #FFF1F6 · #C7BD7A · #4D8821 · #614468 · #001F11

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sand (#C7BD7A): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#4D8821): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#614468): A full-bodied, dusty pink — the color of neon signs at night.
• Ink (#001F11): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Hushed Emerald color palette (#FFF1F6, #D9C53D, #4C9300, #564A99, #241F00)
• Muted Dune color palette (#E7FBEC, #A7C87F, #008C60, #1B596D, #001E18)
• Muted Emerald color palette (#EEF9EE, #D0D5A1, #499F57, #665D7E, #0D2F23)
• Aged Lagoon Grove color palette (#E3FCF0, #99C99A, #008A78, #7A3944, #001D1B)
• Washed Forest color palette (#EBFAED, #9AAB69, #00733E, #5B2547, #060900)
• Fern Grove color palette (#EFE3D1, #8E9150, #376123, #3A385F, #2A2B00)
• Moss Station color palette (#EEE4CC, #B1C566, #67A34C, #508071, #302903)
• Ancient Moss color palette (#C9E6DA, #7D9954, #3C602B, #004241, #0C1500)

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