Cocoa Meadow color palette — #FAEADA · #623800 · #171F19 · #160C00 · #030100

Bronze and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FAEADA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#623800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#171F19): quiet, heavy and certain.
• Ink (#160C00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#030100): 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

• Patina Bronze color palette (#F8ECDD, #9B6A00, #3D2F04, #1E1405, #0A0502)
• Obsidian Garnet Summit color palette (#FFE2D8, #820022, #181C12, #230100, #040000)
• Inked Forest color palette (#E4E7D2, #0D6711, #2B3637, #002110, #050600)
• Hushed Meadow color palette (#EAF2D4, #535F00, #005951, #5F2B00, #030400)
• Mulberry Thicket color palette (#F9ECD1, #7E6A00, #A10058, #413500, #160007)
• Timeworn Villa color palette (#F0E7D1, #868250, #486101, #00332F, #001519)
• Denim Meadow color palette (#EFF2E2, #6CA7B5, #00627B, #00393C, #000D15)
• Velvet Studio color palette (#F2E6D5, #583F00, #17201B, #120E00, #020100)

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