Olive Coast color palette — #E4F7ED · #9FA573 · #576F19 · #613D16 · #012318

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

The five colors

• Cream (#E4F7ED): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#9FA573): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#576F19): A full-bodied, balanced green — the color of a quiet forest floor.
• Bronze (#613D16): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#012318): A deep, shadowed, dusty teal — the color of sea glass.

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

• Amber Station color palette (#FBEDCC, #AB9115, #6F6500, #484900, #1E2200)
• Wandering Pine Boulevard color palette (#FCF4E6, #91A463, #367241, #64403E, #37362F)
• Timeworn Bloom color palette (#E1F2ED, #6F9C5F, #006724, #2E4009, #001613)
• Cypress Parlor color palette (#E8F5F4, #71AF93, #007660, #225041, #002123)
• Powdered Olive color palette (#CAFFEF, #9ABA67, #587000, #2C3B00, #080D00)
• Faded Raspberry color palette (#D9F0E2, #A4912F, #C74773, #625500, #360719)
• Antique Mint color palette (#DCFAF0, #BDE4B3, #76C390, #71722A, #06312A)
• Worn Lantern color palette (#FAF5E5, #B2BB80, #758951, #87571D, #37352F)

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