Amber Harbor color palette — #DFECE2 · #AC8400 · #007751 · #6E5300 · #000201

Built around Mustard, softened by Pine — the whole palette hums with optimism and balance.

The five colors

• Honeydew (#DFECE2): bright and airy, almost weightless.
• Mustard (#AC8400): A luminous, balanced gold — the color of honey in a jar.
• Pine (#007751): A full-bodied, balanced teal — the color of glacier melt.
• Coffee (#6E5300): A full-bodied, balanced gold — the color of old brass.
• Black (#000201): quiet, heavy and certain.

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

• Pale Moss color palette (#E2F3EC, #819600, #007278, #525F00, #000203)
• Amber Lantern color palette (#ECDFE4, #D06B00, #4A7200, #864300, #010200)
• Sunlit Aubergine Terrace color palette (#D9EBDC, #788200, #006C3C, #382187, #020400)
• Olive Lantern color palette (#EEE8CA, #7C8F00, #337300, #004424, #000604)
• Airy Veranda color palette (#DDF1E4, #7A6300, #00567E, #51007C, #070000)
• Worn Coast color palette (#E5EEE9, #92A4A7, #6893A0, #696700, #000D06)
• Powdered Moss color palette (#DAF3ED, #C0A300, #5DA800, #008664, #000701)
• Hushed Bronze color palette (#EED9E1, #AA5F00, #00514B, #552C00, #000203)

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