Dusty Harbor color palette — #FDF1F9 · #B6F3F4 · #00A2C4 · #006D49 · #002136
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#FDF1F9): a clean, paper-quiet neutral.
- Sea Foam (#B6F3F4): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#00A2C4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#006D49): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#002136): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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
- Linen Canyon color palette (#FFF0F8, #C6ECFF, #2F94F5, #006A69, #131942)
- Aged Lagoon color palette (#FAF3F8, #D5D4E2, #4FB3DF, #008268, #132F4E)
- Antique Denim color palette (#EDE4EA, #5BB0C3, #005B82, #002C25, #000105)
- Chalky Cobalt color palette (#FFF0F9, #9ED6E8, #0082C3, #00524A, #000433)
- Softworn Petrol color palette (#F3EEE5, #9DBA9F, #007587, #005141, #003345)
- Misty Indigo color palette (#E8FBE9, #F0A926, #6575EF, #855A00, #0E1040)
- Powdered Boulevard color palette (#FAE9EF, #7CBFEE, #1E5BD9, #003D42, #020012)
- Patina Glacier Market color palette (#F9F3F7, #D4D5E3, #8DD8F6, #5EA188, #3E4F60)
Browse the whole catalog at Explore, or see today's palette.