Patina Cocoa Harbor color palette — #D7F0FA · #6B83A5 · #5E5388 · #622800 · #352700

Built around Rust, softened by Graphite — the whole palette hums with optimism and creativity.

The five colors

• Frost (#D7F0FA): A whisper-light, dusty blue — the color of open sky before noon.
• Storm Blue (#6B83A5): A luminous, dusty blue — the color of deep harbor water.
• Graphite (#5E5388): A full-bodied, balanced violet — the color of a velvet chair.
• Rust (#622800): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#352700): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Muted Aubergine Boulevard color palette (#DDEAF6, #6E74A0, #5E3F6F, #3D2400, #0F1C04)
• Garnet Harbor color palette (#CCF4EA, #458D97, #34587A, #5C2334, #3F150C)
• Wandering Pewter Workshop color palette (#D7E5FF, #958DC8, #835683, #644800, #383F00)
• Dusty Corridor color palette (#C9F3E6, #67A0C0, #7764AA, #545205, #272600)
• Wandering Periwinkle color palette (#D7E5ED, #729EEA, #8B82AD, #8D5B42, #352300)
• Nightshade Terrace color palette (#E4ECFE, #5862BE, #6D5600, #2B00A4, #221900)
• Denim Loft color palette (#E1EEE3, #7AA6B9, #00607D, #003E3A, #002238)
• Chestnut Atelier color palette (#EDF7FF, #A6B3C9, #8084A9, #7E583E, #345641)

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