Grape Harbor color palette — #FFF1F6 · #D57C00 · #0096B2 · #6E46C6 · #401F2D

Violet and Mustard set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#D57C00): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#0096B2): A luminous, balanced blue — the color of deep harbor water.
• Violet (#6E46C6): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#401F2D): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Optimism, Creativity, Energy, Balance. Tagged warm.

Use it as a design system

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

• Aged Archive color palette (#FFF3E5, #E19300, #00A2C6, #5959B9, #291700)
• Frosted Coral Loft color palette (#FFF0FB, #FF7A5E, #0079C4, #5858B7, #451F17)
• Grape Market color palette (#E5FCEC, #A48500, #007D90, #7A349C, #311E00)
• Patina Loft color palette (#FDE8EE, #DA8F28, #6361BE, #82477E, #381C27)
• Mulberry Loft color palette (#E7FCE9, #CA8F00, #00869E, #9A005E, #590F23)
• Soft Corridor color palette (#E8FAF2, #A3A543, #6A8ED4, #945782, #22382F)
• Wandering Thicket color palette (#FFF1F6, #C5A600, #169E57, #6E368B, #333A05)
• Muted Market color palette (#F7F3FF, #E251CC, #009B8E, #5454C6, #302443)

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