Amber Harbor color palette — #F7E3E9 · #B08622 · #804E00 · #582600 · #161200

Mustard takes the lead with Coffee close behind in a set that reads as optimism and balance at first glance.

The five colors

• Rose Water (#F7E3E9): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#B08622): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#804E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#582600): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#161200): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Balance, Grounding. Tagged earthy, warm, muted.

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

• Frosted Terracotta Bloom color palette (#FFE8F5, #AC7952, #8E3400, #5F080E, #001301)
• Feathered Moss Ridge color palette (#D6F2E2, #8A9727, #675C00, #473200, #0A1600)
• Amber Villa color palette (#FFD5AE, #A88B00, #834C00, #711206, #232E00)
• Bronze Meadow color palette (#F0D9E1, #8D6B2E, #623800, #3D1500, #070500)
• Bronze Delta color palette (#EAF6EA, #BBAA7B, #966C27, #6B411E, #14271F)
• Weathered Mustard Boulevard color palette (#FFF1F5, #DAB822, #B26B00, #892514, #141C00)
• Muted Orchard color palette (#D9E2ED, #005FE4, #914000, #403D00, #000823)
• Worn Amber Lantern color palette (#D4E2F2, #BB8C00, #003E77, #001631, #00030A)

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