Quiet Harbor color palette — #F6F3FF · #E13BDB · #582C36 · #171124 · #010106

A conversation between Orchid and Cocoa, giving this palette its sense of creativity and energy.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Orchid (#E13BDB): A luminous, vivid pink — the color of a candy shop window.
• Cocoa (#582C36): A deep, shadowed, dusty red — the color of embers at dusk.
• Ink (#171124): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#010106): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Energy, Balance. Tagged noir, dark, luxury, vibrant.

Use it as a design system

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

• Peony Alley color palette (#F9F2FF, #E04398, #502823, #140B1A, #010103)
• Hushed Orchid color palette (#F3F4FF, #A36CFF, #55294E, #111328, #000105)
• Feathered Fuchsia Study color palette (#E2DEEE, #E467E0, #89575A, #453C5A, #0E101F)
• Velvet Garden color palette (#EBDFFB, #CA00A0, #321A33, #170D0C, #06010F)
• Blush Balcony color palette (#FEF0FF, #FA637B, #593C4C, #241B25, #060409)
• Velvet Plum Meadow color palette (#F4E5F9, #AF0055, #522D00, #270600, #030004)
• Washed Orchard color palette (#FFE8E2, #DC3C00, #3E2500, #28170C, #14000F)
• Airy Workshop color palette (#FFF1F3, #FF8099, #00B6A5, #0098A1, #3D0D1A)

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