Cocoa Harbor color palette — #FAE0CF · #642700 · #292F21 · #0E0802 · #020100

Rust and Parchment set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#FAE0CF): A whisper-light, dusty gold — the color of old brass.
• Rust (#642700): A deep, shadowed, balanced orange — the color of autumn markets.
• Deep Forest (#292F21): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#0E0802): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

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

• Obsidian Atelier color palette (#FEDBD7, #70003C, #3B3932, #180B03, #030000)
• Timeworn Amber Boulevard color palette (#FFF3E3, #B47E00, #36352E, #180D00, #030100)
• Midnight Harbor color palette (#F6E3E1, #AA4900, #543A00, #1A1400, #010100)
• Midnight Market color palette (#EFE4D1, #755C00, #283331, #051800, #020100)
• Patina Taupe Basin color palette (#FCF5E2, #ACA04C, #434C00, #261D05, #090402)
• Airy Ultramarine Atelier color palette (#EEDFCA, #8A6300, #2745BA, #3A2700, #00000C)
• Dusty Olive color palette (#F4F0CF, #6F8B00, #4A4E57, #003427, #060900)
• Tempered Fern Orchard color palette (#E6E3D4, #545F63, #4E5200, #111B18, #000803)

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