Olive Market color palette — #FFDCE4 · #C2A587 · #807E36 · #674C6F · #5E3942

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

The five colors

• Shell Pink (#FFDCE4): A whisper-light, dusty red — the color of embers at dusk.
• Camel (#C2A587): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#807E36): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#674C6F): A full-bodied, dusty pink — the color of neon signs at night.
• Cocoa (#5E3942): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Olive Market 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

• Hushed Petrol Grove color palette (#FAE4CC, #BEB298, #8C8C68, #406996, #5A3D4F)
• Bronze Parlor color palette (#F8E6E8, #D09DA3, #93712D, #6E4E69, #37466B)
• Cocoa Hollow color palette (#FAEADE, #ABA483, #4B8679, #6F5154, #6C2F15)
• Hushed Pewter color palette (#EEDBE1, #87A592, #647D51, #315070, #252D48)
• Muted Cypress color palette (#FCF5E4, #8AA47E, #1B735B, #673D45, #36362F)
• Washed Corridor color palette (#FFF3E5, #C9C9B7, #859C87, #7E6A68, #76400F)
• Hushed Teal Market color palette (#F6D6F7, #E9C295, #80B285, #907BA4, #3E3E55)
• Soft Violet Field color palette (#F8EED3, #9D8F2C, #975CB0, #625700, #462455)

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