Aged Cocoa Harbor color palette — #FAF4ED · #CCDDCB · #9C8157 · #603F00 · #201A12
A conversation between Bronze and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FAF4ED): a clean, paper-quiet neutral.
- Silver (#CCDDCB): A whisper-light, dusty green — the color of a quiet forest floor.
- Mocha (#9C8157): A luminous, dusty gold — the color of afternoon light on wheat.
- Bronze (#603F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Ink (#201A12): quiet, heavy and certain.
Feels like: Optimism, Sophistication. Tagged luxury, dark, 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
- Weathered Vanilla color palette (#F5F6EB, #ECE8B4, #648058, #393932, #101005)
- Patina Villa color palette (#F1F0D9, #B1A446, #2E4400, #1D2828, #040900)
- Weathered Pewter color palette (#FAF4EC, #F2DBB4, #B59975, #816944, #322A20)
- Washed Chestnut Field color palette (#EDF4ED, #D4C195, #7D5A1D, #213723, #0E160E)
- Softworn Stone Atelier color palette (#FDF3EA, #EAB888, #BDA1D2, #A3708C, #36312B)
- Lowlit Workshop color palette (#F0E7D8, #997400, #241A00, #0C0C06, #020100)
- Aged Basalt color palette (#FBF5E0, #CBE8B1, #84AE8F, #3B7C93, #414300)
- Wandering Mustard color palette (#FDF5DB, #D7B850, #575400, #1B1900, #020100)
Browse the whole catalog at Explore, or see today's palette.