Weathered Cocoa Harbor color palette — #FFE1F1 · #AD7473 · #6A4610 · #002332 · #000204

Bronze takes the lead with Mocha close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Blush (#FFE1F1): A whisper-light, dusty pink — the color of a candy shop window.
• Mocha (#AD7473): A luminous, dusty orange — the color of toasted spice.
• Bronze (#6A4610): A full-bodied, balanced gold — the color of honey in a jar.
• Midnight (#002332): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000204): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Cocoa Orchard color palette (#EEECFF, #9B6F99, #78352F, #002322, #000202)
• Worn Summit color palette (#F7DEDA, #9D773B, #40532B, #141839, #01000B)
• Bronze Lantern color palette (#F2DFCF, #BE6A00, #5F3900, #171A13, #0B0400)
• Washed Basalt color palette (#F1D7EB, #8B595A, #552F00, #002233, #0C0725)
• Ancient Navy Lantern color palette (#FFE5DC, #AF9665, #586F34, #372259, #110015)
• Eclipse Lantern color palette (#EED9DC, #BB2B2D, #6A2000, #1A0C00, #020100)
• Muted Chestnut Cabin color palette (#F6DBCB, #833F00, #004E66, #003459, #030100)
• Gentle Rust color palette (#FCE2D1, #AD4700, #00598C, #4A1A00, #000103)

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