Cocoa Meadow color palette — #FDF1FD · #B6B272 · #793C41 · #482023 · #281E28

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

The five colors

• Ivory (#FDF1FD): A whisper-light, dusty pink — the color of a candy shop window.
• Sage (#B6B272): A luminous, balanced green — the color of fresh herbs.
• Rust (#793C41): A full-bodied, balanced red — the color of a theater curtain.
• Espresso (#482023): A deep, shadowed, dusty red — the color of a theater curtain.
• Onyx (#281E28): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Stone Grove color palette (#F5F3FF, #A6B77B, #66416B, #2F2944, #201821)
• Aged Onyx color palette (#FBEFE9, #D1AB89, #78453C, #48130C, #160804)
• Ancient Bloom color palette (#FBF2F9, #E1BC9C, #A05C51, #663028, #2A1D27)
• Muted Stone color palette (#EFF8EE, #C3AC72, #6B491E, #1D351A, #0B201A)
• Hushed Harbor color palette (#FEF2EE, #DED994, #D1767C, #835456, #2C1D19)
• Terracotta Orchard color palette (#FAF2F9, #DB9C93, #74740E, #9B3C33, #132920)
• Tempered Moss Orchard color palette (#F5DDEB, #A99200, #672100, #330C00, #100700)
• Patina Bronze color palette (#FBF2F6, #CFD9DB, #AEC1C1, #976846, #4E4549)

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