Weathered Olive Coast color palette — #FEF1F7 · #BA825A · #648C4D · #336B59 · #48383F

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

The five colors

• Ivory (#FEF1F7): bright and airy, almost weightless.
• Caramel (#BA825A): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#648C4D): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#336B59): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#48383F): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

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

• Tempered Blush color palette (#F9F2FC, #C6738D, #9C7930, #5C6535, #423946)
• Timeworn Driftwood color palette (#EEF8F2, #A1903E, #2A9180, #006B7B, #314238)
• Blush Pier color palette (#FAF2FE, #C4748F, #9A7943, #535A8D, #423A45)
• Blush Villa color palette (#FFF2EF, #EB88A4, #63AAA4, #438882, #483936)
• Tempered Bronze color palette (#DCFFEB, #867700, #00776A, #005365, #113323)
• Softworn Bronze color palette (#FFF0F9, #DFAD8C, #B0783B, #7B5515, #574100)
• Antique Blush Boulevard color palette (#F5EFFB, #C6789F, #36919C, #276878, #271F2D)
• Tempered Driftwood Boulevard color palette (#F9F3F7, #E1D7D7, #B2ACA2, #98768D, #575055)

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