Olive Coast color palette — #E7DFD2 · #768300 · #094907 · #00211F · #010100

Built around Olive Leaf, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Bone (#E7DFD2): a clean, paper-quiet neutral.
• Olive Leaf (#768300): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#094907): A deep, shadowed, balanced green — the color of fresh herbs.
• Onyx (#00211F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#010100): a grounded near-black with real depth.

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

• Washed Emerald Basin color palette (#E5E0C1, #13933D, #004739, #001F28, #000200)
• Pale Moss Bloom color palette (#F0DEC5, #939400, #285C00, #27244E, #010100)
• Charred Delta color palette (#DCF4E6, #55651C, #0D3500, #001C14, #050700)
• Softworn Pine color palette (#FAEBDB, #8E8D3D, #1F7519, #005358, #070600)
• Washed Alley color palette (#D2E3DF, #006EBA, #704D00, #002C51, #020100)
• Quiet Pine Meadow color palette (#FCF5DE, #9BCB87, #008C61, #045C67, #1A1A00)
• Frosted Harbor color palette (#FFF4DF, #B5D248, #2F9542, #5C4D86, #1B2200)
• Patina Jade Coast color palette (#F7F7E1, #21BE7F, #006F66, #00425B, #050900)

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