Weathered Cocoa color palette — #F6E8DD · #7C3E00 · #004751 · #351700 · #00070A

Built around Bronze, softened by Deep Teal — the whole palette hums with trust and stability.

The five colors

• Cream (#F6E8DD): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#7C3E00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#004751): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#351700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#00070A): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Obsidian Chestnut Summit color palette (#F3E7D3, #785900, #243031, #1C1300, #040200)
• Smoked Mulberry color palette (#F0DBD5, #98003B, #004848, #430016, #000808)
• Aged Navy color palette (#FFE9D1, #714600, #00309B, #301B00, #00031C)
• Chalky Rust Pier color palette (#EBDDD4, #AC4300, #00627B, #602200, #00070B)
• Garnet Grove color palette (#FFE8E7, #7B0014, #003461, #001962, #070000)
• Powdered Grape Basin color palette (#F6E5D1, #956000, #5B00E4, #503200, #1A0948)
• Chestnut Grove color palette (#E2E1F8, #0080A5, #9A4A00, #130D03, #040100)
• Soft Ultramarine color palette (#E9E9D8, #466C00, #1F00DE, #1F3400, #03003F)

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