Olive Coast color palette — #F0DFC7 · #696D1D · #493400 · #311100 · #011000

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

The five colors

• Parchment (#F0DFC7): A whisper-light, dusty gold — the color of old brass.
• Olive (#696D1D): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#493400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#311100): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#011000): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Cocoa Market color palette (#FFDFC9, #875E1E, #5F2300, #3B0011, #0E0B00)
• Antique Lantern color palette (#FFE5D7, #876200, #333F00, #002408, #000D0C)
• Weathered Lantern color palette (#F0E6D6, #959600, #8E6600, #7C3400, #020F00)
• Eclipse Bronze color palette (#EBDFD5, #9F5000, #003D2B, #3F1C00, #000201)
• Worn Orchard color palette (#EEDCB8, #81993F, #6D5900, #5B2F00, #003313)
• Weathered Garnet color palette (#FFEAD9, #B09A67, #9C5400, #8C0517, #343907)
• Cocoa Veranda color palette (#FFE9DC, #752600, #003E44, #2F0040, #0D0100)
• Scarlet Courtyard color palette (#DAE4F3, #0094A0, #D50C0C, #180800, #050100)

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