Worn Grape Harbor color palette — #FFF0F9 · #8985E9 · #8A8200 · #5633D4 · #403C00

Built around Iris, softened by Lavender Blue — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lavender Blue (#8985E9): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#8A8200): A full-bodied, balanced green — the color of a quiet forest floor.
• Iris (#5633D4): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#403C00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Sunlit Ultramarine color palette (#FFF0FE, #5090FE, #927E00, #004FCC, #453A00)
• Powdered Aubergine Station color palette (#FFF1F7, #B088FF, #559200, #6204B7, #254400)
• Lilac Workshop color palette (#FFE7F0, #9C78D0, #558936, #644191, #233E13)
• Gentle Lapis color palette (#ECF2FF, #888DED, #00978A, #4F0EF0, #002723)
• Patina Ridge color palette (#FFE2F1, #7D64EB, #817400, #5A6800, #2F2953)
• Chalky Mulberry Quarry color palette (#FFF1F3, #BD8CBA, #5F9A66, #884B86, #274C2B)
• Wandering Azure Garden color palette (#DAFFEE, #00A1D5, #B06E00, #006587, #543200)
• Muted Emerald Chapel color palette (#FFF1F2, #E176CC, #00992C, #830E74, #004810)

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