Dusty Harbor color palette — #FAF4F0 · #CDE4E3 · #799DC3 · #0E816B · #66485C

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

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#CDE4E3): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#799DC3): A luminous, dusty blue — the color of open sky before noon.
• Teal (#0E816B): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#66485C): A full-bodied, dusty pink — the color of a candy shop window.

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

• Worn Sky Grove color palette (#F8F5EF, #CBE6E4, #76BAE3, #539393, #5D4C5F)
• Softworn Turquoise Pier color palette (#EEF4EF, #D2DDF2, #6BA4C6, #327778, #283848)
• Indigo Archive color palette (#FFF3E7, #ACD3F4, #6075DB, #006667, #483368)
• Dusty Bronze Station color palette (#FFF1F4, #AF87B9, #A18552, #8F7309, #533A40)
• Cobalt Garden color palette (#FDF1FA, #A1AEDA, #92A161, #596BBE, #4E4D46)
• Pewter Cabin color palette (#DEFEED, #93B8E1, #7685C8, #71589F, #714950)
• Wandering Cobalt Corridor color palette (#FCF3EF, #B2CDB7, #0E82B1, #00633B, #263A5F)
• Denim Quarry color palette (#F6E7E0, #69A9BD, #005A97, #003F31, #161748)

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