Cocoa Meadow color palette — #FFF0F9 · #F2CCDB · #CEADD8 · #B38D7E · #7B4319

Bronze and Mauve set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Shell Pink (#F2CCDB): A whisper-light, dusty rose — the color of strawberry cream.
• Mauve (#CEADD8): A luminous, dusty pink — the color of a candy shop window.
• Caramel (#B38D7E): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#7B4319): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

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

• Basalt Chapel color palette (#FBD7D2, #E9B4B7, #C49B85, #90885B, #514700)
• Patina Ridge color palette (#DCFFEC, #D9B7D2, #B88B98, #7C762C, #4C5000)
• Peony Courtyard color palette (#EBDBFC, #E7A7EA, #D474AF, #B35D28, #5E3500)
• Coral Pier color palette (#FFDBEC, #D8A3AC, #CA7C74, #8E7833, #37352E)
• Aged Ash Canyon color palette (#EBF7FF, #E1D6EB, #B0A9CA, #6B8C83, #2E524B)
• Timeworn Driftwood Canyon color palette (#F9D7DC, #AC6D99, #904C63, #654321, #190F00)
• Amber Garden color palette (#F7DADB, #CD8A7F, #C6703B, #656B20, #162B04)
• Dusty Veranda color palette (#E3F9E5, #91C1B5, #A67F88, #5E6115, #33342D)

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