Dusty Harbor color palette — #F6EDDE · #F82823 · #966800 · #385400 · #030200

Built around Scarlet, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Cream (#F6EDDE): A whisper-light, dusty gold — the color of honey in a jar.
• Scarlet (#F82823): A luminous, vivid orange — the color of autumn markets.
• Ochre (#966800): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#385400): A full-bodied, balanced green — the color of a quiet forest floor.
• Black (#030200): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged candy, vibrant, 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

• Gentle Peony Terrace color palette (#FDE4ED, #FF1980, #A14E00, #485300, #030100)
• Chalky Coast color palette (#D7E5DD, #C66800, #776A00, #005542, #000200)
• Tangerine Market color palette (#F6E7D6, #FF6F46, #B57B00, #666A00, #0C0800)
• Worn Peony color palette (#FFE0DE, #F300C0, #CE0911, #5A4200, #070100)
• Amber Pier color palette (#FFEBD2, #FFA261, #CE8700, #7B6700, #020100)
• Chalky Parlor color palette (#FDDBCC, #816200, #1D4C11, #2C1549, #0D021D)
• Shadow Archive color palette (#F0DFC6, #6F5A00, #3B3B00, #111D00, #000401)
• Feathered Pine color palette (#FFF0D7, #FF927D, #BC9500, #00924A, #161400)

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