Dusty Harbor color palette — #EFF4E6 · #ABD5F8 · #0084EA · #005D7C · #102446
Built around Azure, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Cream (#EFF4E6): a clean, paper-quiet neutral.
- Powder Blue (#ABD5F8): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#0084EA): A luminous, vivid blue — the color of open sky before noon.
- Peacock (#005D7C): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#102446): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Cerulean Thicket color palette (#F1F4E5, #98DCED, #0090B5, #006167, #00293A)
- Powdered Sapphire color palette (#EFF4E6, #8AC0F9, #0B6AE3, #004C6E, #040E4E)
- Wandering Cobalt color palette (#FFF1F6, #9FD5FF, #5A7DC7, #00656E, #3C3966)
- Sunlit Azure color palette (#C8ECFB, #00A3E0, #0077AD, #004878, #00224A)
- Patina Dune color palette (#DCE1CF, #4E92BD, #004C7F, #002A37, #000410)
- Raspberry Garden color palette (#FDD7F4, #5D73F6, #C600A5, #006E79, #0F1434)
- Worn Thicket color palette (#FFEAFD, #DFD5ED, #BDADFF, #2C7FCB, #3F213A)
- Periwinkle Harbor color palette (#FCF4EB, #D9D5E0, #84ADFF, #008692, #322E59)
Browse the whole catalog at Explore, or see today's palette.