Dusty Harbor color palette — #FFF3E8 · #CFBB97 · #B1855F · #965539 · #3F3D36

Built around Ochre, softened by Caramel — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Sand (#CFBB97): A luminous, dusty gold — the color of old brass.
• Caramel (#B1855F): A luminous, dusty gold — the color of honey in a jar.
• Ochre (#965539): A full-bodied, balanced orange — the color of autumn markets.
• Charcoal (#3F3D36): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Pale Amber color palette (#FFEADC, #D3AD7C, #BC6F4B, #8E4853, #3C3600)
• Aged Bronze color palette (#FBF4E7, #D0CCAE, #AD9971, #9B6833, #434E00)
• Tempered Cocoa Thicket color palette (#FFF1F6, #96AE98, #8F6A47, #73442E, #2C4335)
• Dusty Amber color palette (#FFF1F6, #EFDBA9, #CA8F5D, #7F5E7A, #1F372F)
• Ancient Pier color palette (#FFF0FC, #7C9BEA, #B58357, #96612F, #3E2C3B)
• Garnet Canyon color palette (#F0E1D5, #B59B62, #9B6236, #7D3030, #242700)
• Garnet Canyon color palette (#F7E4CE, #8A7F2F, #724800, #581600, #060E00)
• Washed Stone color palette (#FCF1FB, #EEB792, #5672A0, #513950, #2A1C29)

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