Cocoa Harbor color palette — #D4DFF0 · #00704F · #853700 · #100A04 · #030100

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

The five colors

• Silver (#D4DFF0): A whisper-light, dusty blue — the color of deep harbor water.
• Pine (#00704F): A full-bodied, balanced teal — the color of shallow lagoons.
• Rust (#853700): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#100A04): a grounded near-black with real depth.
• Black (#030100): a grounded near-black with real depth.

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

• Eclipse Mulberry color palette (#E3EFFF, #406C00, #9B0031, #130602, #040000)
• Antique Harbor color palette (#E6EAFE, #008F74, #B14C00, #120900, #060003)
• Chestnut Canyon color palette (#F4E1D2, #705300, #222E2C, #240D00, #030100)
• Patina Fern Orchard color palette (#F8E5F2, #007D87, #626700, #060E06, #020100)
• Brick Lantern color palette (#DDE9F9, #007EAD, #BC0027, #130500, #050005)
• Patina Olive color palette (#E4DFD6, #938D7A, #736E23, #352800, #020100)
• Nocturne Onyx color palette (#FDE1C7, #522B00, #00303A, #060045, #030100)
• Softworn Amber Canyon color palette (#E7E0F8, #00AC9C, #BA7400, #171301, #070300)

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