Olive Coast color palette — #EFF7F5 · #D2DEE5 · #B4C3D5 · #637F45 · #3F4B48

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

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#D2DEE5): bright and airy, almost weightless.
• Ash (#B4C3D5): A luminous, dusty blue — the color of open sky before noon.
• Olive Leaf (#637F45): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#3F4B48): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Pewter Archive color palette (#F2F3EA, #D0DBD3, #B1C1B9, #627E59, #2C2D25)
• Timeworn Lagoon Chapel color palette (#EFF7F7, #D5DBE2, #B3A9B0, #5C8C8D, #4B5555)
• Forest Meadow color palette (#E9F9F8, #B6DAE2, #7EAFC4, #006D33, #213836)
• Ancient Dune color palette (#D8E8E9, #00865C, #103746, #0B2324, #050F10)
• Worn Abyss color palette (#E1EBF0, #AFBAC8, #858CAD, #004D5D, #0D222C)
• Washed Spruce Quarry color palette (#E1EDEB, #95AFB3, #5E8599, #0E4401, #051815)
• Moss Alley color palette (#FCF1FF, #92A051, #007978, #783250, #264340)
• Hushed Boulevard color palette (#ECF9F2, #948C1E, #6350B0, #752E2C, #542A27)

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