Amber Harbor color palette — #E4F8E4 · #CC8800 · #00997B · #7C5100 · #00281E

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

The five colors

• Honeydew (#E4F8E4): A whisper-light, dusty green — the color of new leaves after rain.
• Mustard (#CC8800): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#00997B): A luminous, balanced teal — the color of sea glass.
• Coffee (#7C5100): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#00281E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Balance. Tagged cool.

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

• Emerald Station color palette (#FFEBF7, #E67340, #289D0F, #983900, #052901)
• Softworn Pier color palette (#E4F7F0, #9CAC68, #009EBC, #5D6D00, #002D37)
• Patina Marigold color palette (#FFF3E4, #E69D00, #00B592, #9F6C00, #004636)
• Bronze Coast color palette (#DEEFDC, #BD9A5D, #935E00, #653600, #02230E)
• Brick Coast color palette (#CDEFD1, #A87900, #008D32, #B6003B, #221500)
• Weathered Mustard color palette (#FFF1CF, #D6A700, #8C6D00, #453500, #160F00)
• Patina Raspberry Drift color palette (#DAF0DE, #B48929, #BE4A8D, #6D4F00, #350523)
• Worn Mustard color palette (#E5F7EE, #C1A63C, #4F5000, #222200, #000B06)

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