Dusty Harbor color palette — #F0F0DC · #009582 · #00656A · #22228D · #001B19
A conversation between Indigo and Fern, giving this palette its sense of trust and stability.
The five colors
- Cream (#F0F0DC): A whisper-light, dusty green — the color of fresh herbs.
- Fern (#009582): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#00656A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Indigo (#22228D): A deep, shadowed, vivid violet — the color of wild irises.
- Ink (#001B19): 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 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
- Navy Corridor color palette (#C7FBF1, #009F90, #006068, #200280, #000505)
- Feathered Corridor color palette (#DEE6C5, #0090A6, #005F87, #4E0F75, #001A22)
- Tempered Emerald Terrace color palette (#E4ECC9, #25993A, #00684D, #003C5B, #001C0B)
- Worn Navy color palette (#E1EAD3, #006B9A, #003786, #390036, #00040A)
- Softworn Petrol color palette (#E9EBE0, #90BDA5, #0080A8, #005861, #002235)
- Antique Pine color palette (#F7E2D9, #007B3C, #00454F, #4B0104, #001B15)
- Moonless Cypress color palette (#DBF1D8, #006F6C, #002A2E, #010D00, #010308)
- Aubergine Lantern color palette (#C0F4CA, #00AAC6, #0077AA, #6D0D9F, #002E3C)
Browse the whole catalog at Explore, or see today's palette.