Olive Coast color palette — #E0F1ED · #3C8C07 · #003C7F · #153C00 · #00030D

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

The five colors

• Cream (#E0F1ED): bright and airy, almost weightless.
• Olive Leaf (#3C8C07): A full-bodied, vivid green — the color of new leaves after rain.
• Navy (#003C7F): A deep, shadowed, balanced blue — the color of open sky before noon.
• Forest (#153C00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#00030D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

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

• Timeworn Pine color palette (#E9EFE0, #008F5F, #004A65, #004129, #000201)
• Wandering Bloom color palette (#DDEBE4, #807A00, #004756, #363300, #000408)
• Linen Aubergine Terrace color palette (#DBEAE9, #008E4A, #4C009B, #003D1C, #020113)
• Dusty Meadow color palette (#F4E7F0, #007956, #004164, #460D00, #001B1A)
• Jade Bloom color palette (#DAF5F5, #00AD74, #006990, #006340, #000409)
• Nightshade Veranda color palette (#D5F2E6, #565E00, #2F009A, #2A1D00, #051002)
• Antique Grape color palette (#DBF8FB, #00A688, #6200CD, #005343, #14092B)
• Washed Workshop color palette (#DEEEF5, #009AA9, #900053, #004A52, #130819)

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