Amber Harbor color palette — #EEF9ED · #C4E1DA · #9FCBC5 · #D08500 · #2A3728

Mustard and Stone set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#EEF9ED): a clean, paper-quiet neutral.
• Silver (#C4E1DA): A whisper-light, dusty teal — the color of sea glass.
• Stone (#9FCBC5): A luminous, dusty teal — the color of sea glass.
• Mustard (#D08500): A luminous, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#2A3728): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Wandering Amber color palette (#FFF0F7, #EAD3D1, #BCDABC, #D77E40, #3F2C36)
• Weathered Boulevard color palette (#E5F2ED, #C6D6D8, #A3BFC5, #919A43, #1E332B)
• Antique Bronze color palette (#FCF3EB, #DBDDCF, #96BEBD, #B36A00, #33200A)
• Tempered Amber color palette (#E6E2D4, #AA9000, #5D5D04, #193D2A, #000B02)
• Pale Lagoon color palette (#D7F3E9, #A4D086, #5AAD56, #9C7300, #1C3600)
• Weathered Coast color palette (#F7F1E9, #E1D1BA, #B9AB79, #7D5000, #251705)
• Chalky Emerald color palette (#CEF3D9, #CAA400, #1CA621, #007776, #3F1600)
• Stone Quarry color palette (#F1F7F1, #D2DCDA, #A7B3B9, #9A8D8A, #4E554F)

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