Dusty Harbor color palette — #FFEBD6 · #BA8500 · #7E6300 · #403800 · #181900

Mustard and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFEBD6): A whisper-light, dusty gold — the color of old brass.
• Mustard (#BA8500): A luminous, balanced gold — the color of old brass.
• Ochre (#7E6300): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#403800): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#181900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Misty Moss color palette (#E6E2C9, #959300, #5D7100, #2A4500, #011F02)
• Faded Amber Studio color palette (#F4E0DA, #DC7034, #924C00, #553100, #211400)
• Tempered Bronze color palette (#D0F0D9, #A97500, #655800, #004333, #1E1400)
• Amber Bloom color palette (#FFD2DA, #E07A40, #866100, #253200, #000401)
• Feathered Apricot Atelier color palette (#E5F1E5, #FF9841, #CA8F00, #8D7B00, #221800)
• Weathered Studio color palette (#D1E4DB, #7B7900, #00633B, #003B40, #00112A)
• Ancient Meadow color palette (#F2EFCE, #949C6F, #58794B, #005457, #002A35)
• Pale Lime color palette (#E6E3C9, #A9B300, #6C8B00, #2F5D00, #042F03)

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