Shadow Cocoa Harbor color palette — #F4E5D7 · #5C3400 · #281E00 · #000F19 · #050100

Cocoa takes the lead with Onyx close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Parchment (#F4E5D7): A whisper-light, dusty gold — the color of old brass.
• Cocoa (#5C3400): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#281E00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000F19): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#050100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

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

• Velvet Spruce Harbor color palette (#F0EADC, #2F2A00, #001D0F, #00071B, #030100)
• Eclipse Garnet color palette (#F9E3DC, #7B0023, #2C1D00, #001317, #060001)
• Shadow Boulevard color palette (#EEE4D4, #A40042, #3E2D00, #000D4E, #1B0300)
• Eclipse Market color palette (#EDE9D4, #434C00, #003632, #2D002A, #050700)
• Peony Ridge color palette (#FFE6D8, #DF3E9A, #A05600, #3A4E00, #100800)
• Timeworn Garnet Pier color palette (#EBE4E0, #B2A79B, #937D35, #6B0900, #220D04)
• Aubergine Studio color palette (#ECE6D6, #695F00, #00472F, #310061, #181400)
• Deep Mulberry Basin color palette (#FFE9E3, #8B0038, #003131, #0F0045, #0B0014)

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