Cocoa Coast color palette — #F5E4D9 · #996C27 · #732D00 · #500219 · #1A1700

Rust and Espresso set the tone — five colors that lean into optimism and balance.

The five colors

• Parchment (#F5E4D9): A whisper-light, dusty gold — the color of old brass.
• Ochre (#996C27): A full-bodied, balanced gold — the color of old brass.
• Rust (#732D00): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#500219): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#1A1700): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

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

• Dusty Bronze Ridge color palette (#FFE9F4, #A35F00, #6D2E00, #470300, #000801)
• Airy Chestnut Chapel color palette (#F6E9E0, #A4823D, #844000, #62181F, #2B2407)
• Hushed Olive Alley color palette (#F5E9D5, #767C25, #594100, #421B00, #031C02)
• Misty Bronze color palette (#FFE7F4, #CB924E, #BA602F, #8C3F40, #1D1500)
• Sunlit Bloom color palette (#EFE5CA, #5C5300, #81001A, #3D2100, #100E00)
• Rust Chapel color palette (#FFEADD, #C7904A, #AE4203, #7C263C, #3D360A)
• Wandering Rust Balcony color palette (#E6F0E2, #C3523E, #2C3440, #002E28, #000C09)
• Aubergine Chapel color palette (#DCE6D6, #005849, #3D0081, #2A1900, #020700)

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