Weathered Olive Coast color palette — #E6F6F0 · #A0AB6E · #9A7DC3 · #606C00 · #2F1A48

Olive and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E6F6F0): bright and airy, almost weightless.
• Sage (#A0AB6E): A luminous, balanced green — the color of fresh herbs.
• Slate Blue (#9A7DC3): A luminous, balanced violet — the color of twilight just after sunset.
• Olive (#606C00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#2F1A48): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Weathered 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 Chestnut color palette (#EAF5EC, #BE9F5E, #738BCB, #7F5F00, #18244C)
• Pine Workshop color palette (#E6F6F4, #93C09C, #BA87BE, #35844B, #412543)
• Frosted Iris Veranda color palette (#F7F6E6, #89AE5A, #8782E3, #486C00, #57364B)
• Softworn Olive Ridge color palette (#F9F6E2, #B2C167, #AE9CF8, #748200, #433C62)
• Plum Archive color palette (#D8F9FC, #2BC29E, #B83D89, #006B55, #3F002A)
• Powdered Plum Villa color palette (#DAFAF0, #819755, #3B85BD, #A74462, #00251D)
• Worn Alley color palette (#FEECF6, #C1A1AE, #966854, #78342F, #172817)
• Feathered Byzantium Grove color palette (#D1EFE9, #51AE31, #9C30CD, #174E00, #240035)

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