Weathered Cocoa Harbor color palette — #F7E4E9 · #AD7475 · #773C29 · #262100 · #030400

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

The five colors

• Rose Water (#F7E4E9): A whisper-light, dusty rose — the color of a warm blush.
• Mocha (#AD7475): A luminous, dusty red — the color of late-summer berries.
• Bronze (#773C29): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#262100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, 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

• Softworn Garden color palette (#F5E1D3, #9D7952, #654A00, #002D0F, #000201)
• Ancient Mulberry color palette (#F1E4FB, #986C94, #783559, #301200, #050200)
• Garnet Drift color palette (#FDDDF2, #944C68, #6F262E, #2D1D00, #081101)
• Rust Corridor color palette (#F2DEDD, #C55253, #79001B, #14150A, #180002)
• Ancient Terracotta color palette (#F8DAEC, #9B709C, #9B4B59, #00554F, #00141E)
• Washed Forest Coast color palette (#F7D7C9, #C0956D, #88661E, #1E531E, #002316)
• Powdered Ultramarine Ridge color palette (#FFE1DC, #B1375F, #243CCB, #550023, #00000C)
• Muted Lagoon color palette (#DAE3D1, #208D7A, #004641, #001D33, #000201)

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