Dusty Harbor color palette — #FFF1F6 · #FFAF87 · #E68D00 · #9E7500 · #040100

Apricot and Ochre set the tone — five colors that lean into optimism and balance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Melon (#FFAF87): A whisper-light, balanced orange — the color of sun-warmed clay.
• Apricot (#E68D00): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#9E7500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Black (#040100): quiet, heavy and certain.

Feels like: Optimism, 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

• Patina Marigold Study color palette (#DAF8E0, #FCA336, #BF8D00, #6E7000, #020100)
• Aged Mustard color palette (#FFF6D0, #FFC773, #BCA300, #778F00, #030200)
• Soft Coral Drift color palette (#FFF0FB, #FFBDC1, #FF7D69, #B15700, #120200)
• Quiet Marigold color palette (#F9D4E0, #FFA493, #F49914, #A09400, #221200)
• Coral Bloom color palette (#F6E3D1, #EE7763, #BA6A00, #646200, #0B0500)
• Mustard Lantern color palette (#F8E8D1, #C4AC5E, #767E3D, #164D42, #001717)
• Frosted Amber Lantern color palette (#F1E3C9, #BF9800, #756300, #363200, #101200)
• Bronze Quarry color palette (#F3D4E5, #DA74AD, #B75B00, #2B6100, #191100)

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