Olive Coast color palette — #E7DFD3 · #B0A358 · #5F7200 · #1E4600 · #00220F

A conversation between Olive and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Bone (#E7DFD3): bright and airy, almost weightless.
• Sage (#B0A358): A luminous, balanced green — the color of new leaves after rain.
• Olive (#5F7200): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#1E4600): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#00220F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged warm.

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

• Faded Amber color palette (#FFE5D6, #C8904A, #7D6000, #3E3C00, #0F1B00)
• Dusty Pine Station color palette (#DFE3C9, #81A956, #157943, #00493B, #001B1A)
• Weathered Fern Summit color palette (#F2E6CF, #C0B96B, #758C00, #1F6E00, #003B23)
• Weathered Olive color palette (#EEE8D7, #767B00, #2E4D00, #00260C, #000604)
• Chalky Bronze Parlor color palette (#FAE6C7, #A18806, #3F6828, #1F346D, #1E1700)
• Wandering Moss Loft color palette (#FFF2EC, #FCC778, #86993E, #006535, #002524)
• Muted Chestnut color palette (#F5F1EA, #D4D7CF, #B9B8A4, #786121, #261F13)
• Lime Market color palette (#FAF2D5, #EFB855, #ADB944, #009156, #161B00)

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