Cocoa Meadow color palette — #FADDE9 · #5D2D00 · #2C2513 · #180A03 · #010100

Cocoa takes the lead with Rose Water close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Rose Water (#FADDE9): A whisper-light, dusty rose — the color of strawberry cream.
• Cocoa (#5D2D00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#2C2513): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#180A03): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Basalt Drift color palette (#D6F4E4, #423D00, #282212, #040D0D, #000200)
• Midnight Onyx Lantern color palette (#FBDFC8, #4A5C5B, #492200, #1B1D13, #050400)
• Shadow Bronze color palette (#F2E1DD, #995500, #564000, #131400, #000200)
• Amber Alley color palette (#FFF1F5, #CB7D00, #3B4005, #250B16, #040003)
• Charred Fern Corridor color palette (#DDE2D4, #435600, #3B444D, #131A1F, #000804)
• Antique Moss color palette (#E5FBF1, #A0A548, #2E4C4C, #12221C, #030603)
• Washed Hollow color palette (#D3ECDE, #796C00, #2849B1, #322B00, #00000C)
• Bronze Basin color palette (#FFE3EA, #A26942, #48500E, #222047, #010009)

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