Aged Cocoa Harbor color palette — #FFECF5 · #99B497 · #99684A · #773531 · #10281B

Built around Rust, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Blush (#FFECF5): A whisper-light, dusty rose — the color of strawberry cream.
• Sage (#99B497): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#99684A): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Rust (#773531): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#10281B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Aged 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

• Wandering Cocoa color palette (#E6F6ED, #8AB6A8, #80763B, #684300, #082925)
• Timeworn Garnet color palette (#ECDBE2, #81A285, #8B562B, #68261A, #001E11)
• Pewter Hollow color palette (#EAF5EC, #A7C3B5, #6B8C72, #704B5C, #1A312C)
• Bronze Coast color palette (#FFF0F7, #C29AAA, #9A6440, #6F4635, #4C363D)
• Weathered Amber color palette (#FFF3E9, #D8B88F, #C07D55, #8E5854, #403D36)
• Garnet Coast color palette (#F9E4EF, #A47E54, #853E14, #600514, #140D00)
• Frosted Garnet Grove color palette (#E2F6FC, #10999D, #796AA2, #8D2833, #001E26)
• Weathered Cocoa Workshop color palette (#F4E2E7, #82703B, #603A00, #3F1300, #050600)

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