Olive Coast color palette — #FFF1F3 · #D1B8B4 · #A0887C · #6B7935 · #375047

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

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Stone (#D1B8B4): A luminous, dusty orange — the color of autumn markets.
• Caramel (#A0887C): A luminous, dusty orange — the color of toasted spice.
• Olive (#6B7935): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#375047): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Timeworn Petrol color palette (#FFF2EB, #CEB7A0, #958763, #2B6D7C, #2A4E65)
• Wandering Driftwood color palette (#F9F4EC, #C8C0A9, #8C833A, #7C5B6A, #5E4B00)
• Worn Archive color palette (#F2D8D5, #B88E7B, #866134, #00514B, #13344D)
• Muted Ash Lantern color palette (#F0F5FF, #D5CFE6, #BF9FB6, #778C96, #3C535E)
• Cypress Balcony color palette (#F8F5EF, #CCE5DD, #64A5AF, #1D8163, #325342)
• Weathered Navy Bloom color palette (#F4E6DD, #B79F61, #61713B, #005376, #28386C)
• Cobalt Canyon color palette (#FFF2ED, #C7837E, #679866, #5A75AD, #48403D)
• Softworn Atelier color palette (#FEF2EE, #D4A0A2, #59A8A8, #AB535A, #39553A)

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