Dusty Grape Harbor color palette — #FFF1F5 · #D4ACFF · #7EA500 · #8809D0 · #182300

Violet and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Lavender (#D4ACFF): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#7EA500): A luminous, vivid green — the color of new leaves after rain.
• Violet (#8809D0): A full-bodied, vivid violet — the color of wild irises.
• Onyx (#182300): 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 Dusty 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

• Washed Byzantium Drift color palette (#FFF1F3, #F797FF, #29B21C, #9D00AB, #032602)
• Powdered Amethyst color palette (#FFF0F8, #AEA5FF, #AF9D06, #6F24F9, #231F00)
• Misty Byzantium Station color palette (#EEDCFF, #DDB6FF, #93B903, #A120E8, #273300)
• Feathered Raspberry color palette (#FFF1F2, #FFBFEA, #00C787, #B54198, #003823)
• Airy Mulberry Villa color palette (#FFF1F1, #FF8DC6, #00A57A, #A2036A, #001E14)
• Sunlit Orchid color palette (#E0E2FF, #B762FF, #5E7D00, #5B008F, #253400)
• Antique Aubergine color palette (#E9EDFF, #967BFF, #0A871F, #4800A5, #011D02)
• Pale Sapphire Atelier color palette (#EFF6FF, #81B4FF, #D28A06, #0062D6, #2D1A00)

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