Cocoa Harbor color palette — #F1DCE7 · #823800 · #004658 · #381400 · #00070B

Built around Rust, softened by Deep Teal — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#F1DCE7): A whisper-light, dusty pink — the color of a candy shop window.
• Rust (#823800): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Teal (#004658): A deep, shadowed, dusty blue — the color of open sky before noon.
• Espresso (#381400): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#00070B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Navy Studio color palette (#DEECE0, #6A4A00, #003C7F, #2D1D00, #000515)
• Cellar Cocoa color palette (#F3E6DD, #783700, #00491A, #341400, #000200)
• Mulberry Chapel color palette (#EEE4F0, #98003E, #004751, #430017, #00070A)
• Charred Cocoa Atelier color palette (#FFE9DE, #672B00, #003A4A, #181B3E, #050100)
• Aged Bronze Summit color palette (#FFE2F0, #A24E00, #006B29, #592800, #000901)
• Aubergine Studio color palette (#D4E6DD, #656200, #641C9C, #302E00, #19002D)
• Chestnut Meadow color palette (#F6DAF2, #007EB0, #9C4800, #0F0901, #060003)
• Feathered Bronze Pier color palette (#CBE7CA, #AB7100, #0072A7, #644000, #002C45)

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