Amber Harbor color palette — #F4F4FF · #A789C3 · #BA7925 · #0A8881 · #404151

Mustard and Fern set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Dusty Rose (#A789C3): A luminous, balanced violet — the color of twilight just after sunset.
• Mustard (#BA7925): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#0A8881): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#404151): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Muted Coral color palette (#EFF6FF, #7398D6, #C56C6D, #608158, #384353)
• Timeworn Moss Coast color palette (#FAF1FF, #CB7B9A, #86922A, #4A7D9B, #493D4F)
• Timeworn Lantern color palette (#EFF1FF, #A68BDB, #729A66, #65825D, #242637)
• Lilac Cabin color palette (#FFF0F7, #B6A0FA, #7EB57B, #609B8A, #4E3C45)
• Wandering Driftwood color palette (#EDF9F0, #9EC2AF, #8F7F53, #4B6649, #3C4C46)
• Ancient Magenta color palette (#EDE7FF, #C33ABD, #8C6E00, #006D7B, #452042)
• Shell Ridge color palette (#F4F4FF, #E2D7E0, #F8BEB2, #8989B2, #4F4C5F)
• Hushed Lilac color palette (#F4F4FF, #DEBBEB, #9D71B1, #644170, #373450)

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