Dusty Harbor color palette — #FFF2EB · #F4B196 · #54BDE0 · #AA6D82 · #37302C
Built around Cyan, softened by Melon — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Melon (#F4B196): A luminous, balanced orange — the color of sun-warmed clay.
- Cyan (#54BDE0): A luminous, balanced blue — the color of deep harbor water.
- Mocha (#AA6D82): A luminous, balanced rose — the color of strawberry cream.
- Espresso (#37302C): a grounded near-black with real depth.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.
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
- Muted Marigold color palette (#FCF3EB, #F7B279, #A5A5F0, #AB706C, #36302B)
- Turquoise Canyon color palette (#FCF4EC, #FABD8D, #35A9C9, #8F5964, #522D25)
- Softworn Mallow color palette (#FFF2F0, #FBA6C2, #A8A7E1, #9074A8, #3F2C2A)
- Antique Mint color palette (#FFF2ED, #F9ACA6, #6EC29E, #727FB3, #37302D)
- Wandering Villa color palette (#EBFAEB, #EEB861, #82C1DA, #9A93BF, #364037)
- Ancient Teal color palette (#FFF2EB, #F4DA99, #62B592, #86648E, #413F38)
- Amber Grove color palette (#F9F4EF, #E1DDCE, #60C2B4, #C78B50, #182115)
- Stone Summit color palette (#F8F5EF, #D7DCD5, #BCAC8B, #9CB0B8, #504D48)
Browse the whole catalog at Explore, or see today's palette.