Amber Harbor color palette — #F7E2EB · #C87506 · #934900 · #672600 · #061C05

Built around Mustard, softened by Burnt Sienna — the whole palette hums with nature and growth.

The five colors

• Rose Water (#F7E2EB): A whisper-light, dusty rose — the color of pressed rose petals.
• Mustard (#C87506): A luminous, balanced gold — the color of old brass.
• Burnt Sienna (#934900): A full-bodied, balanced gold — the color of old brass.
• Rust (#672600): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#061C05): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged earthy, warm.

Use it as a design system

One click turns 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 Cocoa color palette (#F8E7EF, #9A6A32, #6D3300, #4D0D00, #1F1400)
• Washed Amber color palette (#D4F2DB, #A28B2B, #795C00, #533700, #001C10)
• Garnet Workshop color palette (#F8DDEA, #B79457, #954600, #620018, #040400)
• Terracotta Chapel color palette (#FFE7D5, #C09667, #B26631, #953821, #1F1400)
• Hushed Amber color palette (#FFE7F3, #EBA165, #C06E39, #8E4B33, #4A2F0E)
• Mustard Alley color palette (#F0DCAD, #C0A300, #947200, #6E4B00, #2E2A00)
• Faded Atelier color palette (#EAE9F9, #A900CC, #A13B00, #004867, #0E0723)
• Hushed Harbor color palette (#FFE4EF, #F03E7C, #B12241, #760010, #2F0300)

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