Weathered Cocoa color palette — #DDFFE8 · #FFEEAF · #DADDEE · #5E4500 · #29251D

Bronze and Custard set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DDFFE8): A whisper-light, dusty teal — the color of sea glass.
• Custard (#FFEEAF): A whisper-light, balanced green — the color of fresh herbs.
• Silver (#DADDEE): A whisper-light, dusty violet — the color of wild irises.
• Bronze (#5E4500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#29251D): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Dusty Cocoa Villa color palette (#FCF4E9, #DDE0CA, #9D8151, #5F3F00, #1F1A14)
• Antique Marigold color palette (#EAE7FF, #B7D2FF, #FFA84B, #554800, #39322C)
• Mustard Hollow color palette (#FCF4E4, #DAC366, #6FC0AB, #A77176, #34312B)
• Timeworn Chartreuse color palette (#E8F4FF, #4FFFF3, #A1EA00, #31312A, #0F0E02)
• Antique Seafoam Workshop color palette (#EFDCFF, #45FCE0, #FFC985, #736E67, #38312A)
• Ancient Chapel color palette (#EBE1F6, #82E2BB, #FBA71B, #263625, #161A15)
• Stone Garden color palette (#F7F5ED, #D6DCD4, #B9C7C9, #B5AF8F, #4E4D48)
• Frost Ridge color palette (#FBF8CD, #A6FBD6, #95C596, #558767, #004D39)

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