Grape Coast color palette — #F9F8D3 · #0097D3 · #6748AE · #3D4D00 · #18355E

Plum and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F9F8D3): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#0097D3): A luminous, balanced blue — the color of deep harbor water.
• Plum (#6748AE): A full-bodied, balanced violet — the color of wild irises.
• Deep Olive (#3D4D00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Navy (#18355E): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged retro.

Use it as a design system

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

• Ancient Aubergine Pier color palette (#EFF1D3, #5986CA, #754089, #024F0F, #2A2B52)
• Ultramarine Grove color palette (#FFF4E0, #009EAD, #2954C6, #564200, #003B4F)
• Gentle Mulberry color palette (#E7FBED, #008DA0, #91188B, #4F3D00, #00383D)
• Timeworn Station color palette (#F8F6E2, #8B93C8, #8A547F, #005D3F, #523140)
• Pale Forest Terrace color palette (#FDF3EE, #99DDD8, #008FA3, #006B38, #004662)
• Antique Violet Atelier color palette (#FFF2ED, #929EFF, #9157E3, #A02345, #323056)
• Weathered Fern Harbor color palette (#C5F1FF, #BF9CBB, #8672A1, #5A5E00, #005240)
• Ancient Aubergine Villa color palette (#EEEDDF, #3963B1, #610073, #002D0D, #14083E)

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