Dusty Harbor color palette — #F6EDE4 · #92CDF2 · #6584CA · #006C67 · #302550

Slate Blue and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F6EDE4): a clean, paper-quiet neutral.
• Sky (#92CDF2): A whisper-light, balanced blue — the color of open sky before noon.
• Slate Blue (#6584CA): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#006C67): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#302550): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Faded Study color palette (#FBF2F6, #D4DFFD, #5D90E8, #006970, #1A124B)
• Ancient Terrace color palette (#FBEAE5, #86D4D5, #0094BB, #147033, #0C2E54)
• Softworn Cabin color palette (#E2F3F2, #88B8DA, #116BB0, #004C63, #102D54)
• Dusty Hollow color palette (#FFF2EC, #89EDF9, #1DA8E2, #2D8458, #253E6D)
• Patina Mallow Alley color palette (#E9F6FF, #CED0FF, #EF96D2, #298A80, #432844)
• Cobalt Courtyard color palette (#C7E6FB, #0090CD, #9B7300, #606910, #00261C)
• Frosted Sapphire Atelier color palette (#D5E9FF, #7AACFF, #3071D6, #00407B, #001041)
• Antique Petrol color palette (#F9EBE2, #24B2D8, #0068B5, #004C3D, #0F053F)

Browse the whole catalog at Explore, or see today's palette.