Cocoa Harbor color palette — #D2E3E8 · #00595D · #622800 · #2C0E00 · #000202

Rust and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#D2E3E8): bright and airy, almost weightless.
• Peacock (#00595D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Rust (#622800): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#2C0E00): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#000202): a grounded near-black with real depth.

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

• Abyss Alley color palette (#D4E5F0, #004E61, #401800, #120400, #000200)
• Shadow Alley color palette (#D5E3F2, #004E8D, #4A3A00, #201700, #000104)
• Garnet Workshop color palette (#E0E9D1, #004328, #550015, #151300, #010200)
• Charred Garnet Lantern color palette (#D2F3F8, #005A50, #6C0549, #32001F, #000201)
• Twilit Aubergine Workshop color palette (#CEEAFF, #005476, #5B0079, #340400, #000103)
• Obsidian Alley color palette (#C9E4F5, #005E78, #520032, #182429, #070900)
• Tempered Lapis color palette (#DDE8FF, #4649CC, #5D4C00, #312700, #01000A)
• Onyx Alley color palette (#D8E7F8, #003764, #4B0042, #29000F, #000104)

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