Cocoa Harbor color palette — #FAE0C4 · #A98D37 · #995F00 · #812E00 · #0B0C00

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

The five colors

• Peach Cream (#FAE0C4): A whisper-light, dusty gold — the color of old brass.
• Mustard (#A98D37): A luminous, balanced green — the color of new leaves after rain.
• Ochre (#995F00): A full-bodied, balanced gold — the color of old brass.
• Rust (#812E00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#0B0C00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged earthy, warm.

Use it as a design system

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

• Worn Bronze color palette (#FAECDC, #AF9F55, #A67000, #8D420B, #141900)
• Aged Lagoon color palette (#E0EDDE, #9E752B, #734800, #4A2600, #110A00)
• Pale Terracotta Ridge color palette (#EDDAD0, #AC9600, #983000, #4A1300, #040100)
• Hushed Veranda color palette (#F4E9CD, #738C2D, #6C6100, #573800, #000500)
• Linen Study color palette (#F8E9DE, #F06E1F, #518400, #A74500, #010200)
• Quiet Study color palette (#FBE7DC, #BA8700, #797500, #335800, #001008)
• Amber Delta color palette (#EDDBC2, #C6BB5E, #C08900, #AC5600, #222E02)
• Washed Aubergine color palette (#FFEBDE, #CC5500, #007474, #56059B, #050100)

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