Dusty Amber Harbor color palette — #FCF4E9 · #E5E3B2 · #EEB8DE · #C18F45 · #5D3853

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

The five colors

• Ivory (#FCF4E9): bright and airy, almost weightless.
• Celadon Mist (#E5E3B2): A whisper-light, dusty green — the color of new leaves after rain.
• Carnation (#EEB8DE): A whisper-light, dusty pink — the color of neon signs at night.
• Mustard (#C18F45): A luminous, balanced gold — the color of old brass.
• Cocoa (#5D3853): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Softness. Tagged light, muted.

Use it as a design system

One click turns Dusty Amber 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

• Tempered Amber Workshop color palette (#FFF3E7, #E7DDB6, #95DEB8, #CF873B, #454740)
• Patina Taupe Studio color palette (#FDF4E6, #F1D08F, #95CDFF, #C4A362, #35544C)
• Muted Chestnut color palette (#FCF4E7, #DBE3C8, #BFCFDC, #CBAD83, #664E00)
• Tempered Station color palette (#F7F5EC, #C9DDCB, #95863E, #444A23, #1E1B0F)
• Basalt Basin color palette (#FBF4EB, #DEE0C3, #C2AA8B, #927353, #523B00)
• Softworn Market color palette (#FFF4DF, #E7C53F, #FF7CB0, #967C00, #59002F)
• Marigold Corridor color palette (#EDF9ED, #D2A863, #56AA98, #8E6C30, #325358)
• Washed Moss color palette (#F6F6E8, #BBECD3, #89D8F9, #7DAA51, #2B4F3F)

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