Patina Harbor color palette — #EAEDFF · #835DAD · #663B58 · #382C00 · #002311

Slate and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#EAEDFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Slate (#835DAD): A full-bodied, balanced violet — the color of twilight just after sunset.
• Cocoa (#663B58): A full-bodied, dusty pink — the color of a candy shop window.
• Espresso (#382C00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#002311): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Washed Veranda color palette (#D1E9FB, #636EA7, #593173, #401F00, #1F1900)
• Plum Corridor color palette (#ECDEFA, #955388, #58282D, #192600, #001515)
• Patina Iris Field color palette (#E2F1FF, #8179BD, #7F5579, #1D4B1E, #002518)
• Aged Blush color palette (#F5E8F4, #CE819D, #84574F, #414E00, #18392E)
• Wandering Rust color palette (#F3E4E9, #B4615E, #7A420F, #004035, #002C30)
• Wisteria Ridge color palette (#EBE9FF, #C67FDE, #A35677, #575200, #25421D)
• Mulberry Boulevard color palette (#EDD7EA, #80007C, #503E00, #00373F, #130012)
• Byzantium Summit color palette (#FBE3E7, #A723B7, #0F5C0B, #38003F, #011501)

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