Grape Harbor color palette — #F1F9E2 · #6ABFD6 · #528DB4 · #7B4A9A · #244536

Plum and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F1F9E2): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#6ABFD6): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#528DB4): A luminous, balanced blue — the color of open sky before noon.
• Plum (#7B4A9A): A full-bodied, balanced violet — the color of twilight just after sunset.
• Forest (#244536): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged retro, cool.

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

• Soft Denim Orchard color palette (#F6F7E4, #69C4B4, #0098A2, #4E5BA9, #2D4429)
• Glacier Parlor color palette (#DFFDF8, #42E4F3, #459EBF, #675B84, #1E353F)
• Hushed Mulberry Quarry color palette (#FFF2EE, #8DB5E2, #7381C4, #914472, #4A3549)
• Cobalt Grove color palette (#F4F6EF, #C6E1E5, #84A7D7, #1A84B3, #374769)
• Petrol Bloom color palette (#FFF2EA, #37AC9D, #0071A9, #743C22, #2C4431)
• Sapphire Balcony color palette (#DCEBC8, #00A3E9, #0063EB, #82007A, #002B4A)
• Muted Seafoam color palette (#FFF0FA, #5CE0D3, #69ABE1, #A97261, #21424F)
• Sunlit Coast color palette (#FFF2EE, #87A1FF, #826ACB, #A11B4F, #2D2F5E)

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