Weathered Cocoa color palette — #CFF9E1 · #006B85 · #683100 · #442500 · #020700

Built around Bronze, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Honeydew (#CFF9E1): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#006B85): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#683100): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#442500): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#020700): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, 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

• Denim Corridor color palette (#CEEFE5, #0065A5, #553E00, #0E2B00, #020500)
• Worn Garnet color palette (#E2F8D8, #007763, #8B001F, #4E1400, #080500)
• Mulberry Delta color palette (#B9EEDC, #0079B4, #900033, #352C00, #0E1000)
• Dusty Plum color palette (#DFF3FF, #0087A5, #BA005F, #5B4100, #001A0D)
• Timeworn Grape Loft color palette (#EAE0C2, #008ABC, #5D04CA, #3D2F00, #00112B)
• Worn Amethyst color palette (#FFECF2, #7D4FC6, #793900, #3F3000, #001007)
• Sunlit Lapis color palette (#FFDEFC, #381DF7, #524C00, #312D00, #000705)
• Tempered Parlor color palette (#EAF5EE, #289AB6, #9C6035, #5F5023, #1E1D0E)

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