Dusty Harbor color palette — #FEF4E3 · #B99C55 · #7383D2 · #7F6100 · #343E6F

Lavender Blue and Ochre set the tone — five colors that lean into optimism and creativity.

The five colors

• Cream (#FEF4E3): A whisper-light, dusty gold — the color of old brass.
• Camel (#B99C55): A luminous, balanced gold — the color of old brass.
• Lavender Blue (#7383D2): A luminous, balanced violet — the color of a velvet chair.
• Ochre (#7F6100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#343E6F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Balance. Tagged cool.

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

• Hazy Chestnut color palette (#FFF3E9, #CD8F65, #3B91CA, #9A4E00, #194765)
• Olive Boulevard color palette (#F8F6E6, #AAB68A, #9D8EC9, #697D00, #50466C)
• Pale Balcony color palette (#FDEFE2, #D3945E, #9875E0, #945100, #2B1F44)
• Sky Alley color palette (#E6FBF3, #B1C175, #19B3EF, #7A892D, #16485F)
• Mulberry Loft color palette (#FFF4DE, #9B8743, #008AA0, #904D84, #3B3831)
• Worn Chestnut Study color palette (#FFF4E2, #B4A683, #886E36, #714713, #3F3D36)
• Honey Meadow color palette (#E9FBED, #F1C65C, #A3BBFF, #BA9A4F, #344066)
• Wandering Alley color palette (#FFF4DF, #D5E7C1, #9CD2A9, #9F7548, #4D4A43)

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