Amber Harbor color palette — #DDF4F2 · #5DC07A · #E17300 · #008941 · #512909

A conversation between Tangerine and Fern, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#DDF4F2): A whisper-light, dusty teal — the color of sea glass.
• Jade (#5DC07A): A luminous, balanced teal — the color of sea glass.
• Tangerine (#E17300): A luminous, vivid gold — the color of old brass.
• Fern (#008941): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#512909): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, 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 Moss color palette (#D7F5FE, #00BFC2, #A89700, #008284, #3D3600)
• Blush Lantern color palette (#DAFEF9, #97E497, #E17AA8, #358139, #43142B)
• Aged Veranda color palette (#DCF5EB, #A3B151, #00A7C1, #6E7A00, #003D47)
• Bronze Quarry color palette (#DDEDE1, #BCAE77, #9C7B23, #715529, #1F362B)
• Hushed Jade Studio color palette (#D7F6F4, #2EB96A, #A44077, #006835, #53213C)
• Dusty Drift color palette (#DEF3F8, #A3C078, #00736E, #003E3C, #05191E)
• Quiet Dune color palette (#EBF2DD, #6AD89D, #E092D0, #3CA872, #4C2545)
• Muted Mustard Study color palette (#EBF8FD, #7CD4E2, #B4B863, #149EAE, #325647)

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