Amber Harbor color palette — #FFF3E7 · #DE8600 · #528EC8 · #2C6395 · #221100

Built around Mustard, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Mustard (#DE8600): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#528EC8): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#2C6395): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#221100): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Balance. Tagged 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

• Timeworn Drift color palette (#FFF4DF, #BF9900, #877DCD, #5D5496, #1E1300)
• Faded Harbor color palette (#FFF2EE, #F36C7A, #0D94CF, #17678E, #260D06)
• Gentle Mustard color palette (#FDF4E2, #C2A500, #666DBE, #57377B, #290C32)
• Washed Mustard Chapel color palette (#FFF2E9, #E7AC00, #2B9365, #5C427E, #282104)
• Washed Amber Delta color palette (#FFF3E5, #D78B00, #C2649F, #89446F, #201202)
• Navy Workshop color palette (#FCE2DF, #A75776, #146B9E, #30388A, #210605)
• Muted Apricot color palette (#FFE7F2, #EF914E, #AC90D8, #AA66A4, #381C2A)
• Mustard Coast color palette (#F8F6E6, #BDCD7A, #B9A3D2, #8C78A1, #33322B)

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