Dusty Harbor color palette — #DFE2FF · #9FA6FF · #809800 · #4E12EC · #293300
Iris and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#DFE2FF): A whisper-light, dusty violet — the color of wild irises.
- Wisteria (#9FA6FF): A luminous, balanced violet — the color of a velvet chair.
- Olive Leaf (#809800): A luminous, balanced green — the color of fresh herbs.
- Iris (#4E12EC): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Forest (#293300): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Energy. Tagged vibrant.
Use it as a design system
One click turns Dusty 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
- Gentle Ultramarine Archive color palette (#F8DAF3, #89ADFF, #A68800, #1534EC, #382D00)
- Muted Amethyst Chapel color palette (#F1F5FF, #ACA6FF, #AA9F06, #6A27FB, #221F00)
- Hazy Grape color palette (#F1DBFF, #D48BFF, #969000, #8400B6, #323000)
- Chalky Violet Archive color palette (#E2E1FF, #B0A8FF, #C1B620, #7B5EF3, #332F00)
- Quiet Station color palette (#F8D9FB, #6EB4FF, #B58000, #005BA4, #3E2900)
- Gentle Aubergine color palette (#F9D3D9, #E17CE6, #009E67, #890091, #00321D)
- Ancient Magenta Alley color palette (#FFF1F2, #E686DA, #A0A300, #BC2CB1, #3D3E00)
- Misty Grove color palette (#C5F0DC, #2EBFF4, #A27100, #007397, #3F2900)
Browse the whole catalog at Explore, or see today's palette.