Amber Harbor color palette — #F9F4EF · #D9DACF · #BEC7AF · #D98B2D · #413930

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

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Bone (#D9DACF): bright and airy, almost weightless.
• Pistachio (#BEC7AF): A luminous, dusty green — the color of fresh herbs.
• Mustard (#D98B2D): A luminous, balanced gold — the color of afternoon light on wheat.
• Charcoal (#413930): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Softness, Clarity. 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

• Antique Courtyard color palette (#FAF3F0, #DCD9D0, #C3C2B0, #E67E66, #602700)
• Moss Garden color palette (#F7F5ED, #D5DCD3, #B4C9B8, #9FA835, #3C3B34)
• Hushed Driftwood color palette (#FAF3F6, #CBDADF, #ACA8B2, #B37B55, #342C2F)
• Worn Veranda color palette (#EAE2D3, #B79800, #6F6213, #3F3C35, #140B03)
• Timeworn Loft color palette (#F9F6E4, #B4D5A9, #6CB287, #AD7456, #35362F)
• Worn Cobalt color palette (#FDECD1, #E5AF66, #989F3E, #0C7BBB, #33302A)
• Worn Bronze Lagoon color palette (#E6DFD7, #BEC1B4, #A0AC93, #A97400, #2A1C0A)
• Tempered Taupe color palette (#F3DAB8, #CDC6AA, #8DB790, #917190, #533743)

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