Velvet Harbor color palette — #F8EBF3 · #4400E7 · #481D00 · #1A2228 · #060900

Iris and Espresso set the tone — five colors that lean into optimism and creativity.

The five colors

• Blush (#F8EBF3): a clean, paper-quiet neutral.
• Iris (#4400E7): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#481D00): A deep, shadowed, dusty orange — the color of autumn markets.
• Onyx (#1A2228): a grounded near-black with real depth.
• Ink (#060900): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Creativity, Energy, Depth, Luxury. Tagged dark, vibrant.

Use it as a design system

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

• Moonless Canyon color palette (#F7D8E4, #6E00C1, #422200, #21242B, #000A07)
• Ultramarine Boulevard color palette (#F8DFF7, #004DB2, #530E00, #192228, #090800)
• Aubergine Lagoon color palette (#F0DDE5, #4C0090, #32221E, #150606, #030003)
• Misty Byzantium Delta color palette (#F0EDFF, #8C1AD8, #62005E, #350021, #040001)
• Byzantium Balcony color palette (#FFEDF3, #9A42E9, #704000, #002C28, #000202)
• Onyx Summit color palette (#DFF6E9, #005E75, #50003A, #1D2625, #0B0700)
• Timeworn Harbor color palette (#DAE6FD, #905DAF, #71344B, #032907, #000200)
• Turquoise Pier color palette (#EBDCD5, #11B6CA, #005D7D, #002C22, #000104)

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