Cocoa Field color palette — #FDD8EC · #B3B380 · #548976 · #763737 · #431F0C

A conversation between Rust and Sage, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FDD8EC): A whisper-light, dusty pink — the color of a candy shop window.
• Sage (#B3B380): A luminous, dusty green — the color of fresh herbs.
• Fern (#548976): A full-bodied, dusty teal — the color of sea glass.
• Rust (#763737): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#431F0C): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

Use it as a design system

One click turns Cocoa Field 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

• Softworn Garnet Cabin color palette (#FFD5E3, #D2A081, #70855C, #743755, #4F1C32)
• Timeworn Ridge color palette (#E8F4E9, #8ABBB4, #408C92, #6D3F20, #402B00)
• Garnet Grove color palette (#E8DCD1, #7A9F8C, #33786C, #64251B, #331B00)
• Weathered Courtyard color palette (#E4F8E7, #A0B072, #287D4D, #634700, #1D2400)
• Teal Archive color palette (#FFEDCD, #B1C99C, #3BADAC, #9C5961, #664238)
• Timeworn Basin color palette (#D9EAD4, #4FAEA4, #3D67A5, #4C3C00, #302500)
• Linen Delta color palette (#BEF4E8, #7ABF9B, #008C8D, #674D78, #4E3F5F)
• Denim Archive color palette (#F1EED0, #59856C, #065868, #492600, #241000)

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