Dusty Harbor color palette — #FCEBDC · #C49D00 · #5C2E00 · #1D2520 · #100400

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

The five colors

• Cream (#FCEBDC): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#C49D00): A luminous, balanced green — the color of new leaves after rain.
• Cocoa (#5C2E00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#1D2520): a grounded near-black with real depth.
• Ink (#100400): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Charred Amber color palette (#F0E6D6, #B28600, #392800, #0C0C06, #020100)
• Hazy Lagoon color palette (#FFE9E1, #B6A400, #750016, #0D110A, #170001)
• Chalky Bronze color palette (#FAE3D0, #B7A745, #9C5100, #582B00, #050200)
• Quiet Mustard Balcony color palette (#FFDCB5, #BCA300, #516D00, #003415, #000705)
• Basalt Meadow color palette (#F8F5EC, #DFE0CC, #88895C, #554500, #1D1B14)
• Patina Honey Thicket color palette (#FFF4DD, #F6B723, #685700, #251E00, #020100)
• Dusty Bronze color palette (#FCF4EA, #FFE39C, #996C30, #3C3732, #170D03)
• Powdered Courtyard color palette (#FFF3E7, #E48900, #007152, #704000, #010100)

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