Amber Harbor color palette — #F4F4FF · #B58CC9 · #AD8A34 · #007F82 · #322F47
A conversation between Mustard and Mauve, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#F4F4FF): a clean, paper-quiet neutral.
- Mauve (#B58CC9): A luminous, balanced violet — the color of wild irises.
- Mustard (#AD8A34): A luminous, balanced gold — the color of afternoon light on wheat.
- Teal (#007F82): A full-bodied, balanced teal — the color of sea glass.
- Navy (#322F47): 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
- Cypress Meadow color palette (#FEF0FA, #D18979, #A88B4E, #00807A, #43293C)
- Washed Rust Workshop color palette (#E7FAF3, #BEA4DB, #C06967, #006D8D, #413851)
- Aged Quarry color palette (#F1F5FF, #9F9DD8, #858625, #3B5AA1, #24365E)
- Linen Wisteria Boulevard color palette (#FFF1F5, #C899FA, #63B27E, #49815C, #301F25)
- Softworn Olive color palette (#F5F3FF, #B88DBF, #BA7991, #797200, #342E49)
- Quiet Quarry color palette (#FFF1F4, #A167B0, #787500, #00624C, #412C31)
- Wandering Denim Thicket color palette (#FFE6F4, #C47956, #34955E, #355CAC, #351D2C)
- Faded Peony color palette (#E9DFFC, #CC4AB3, #7C7D00, #006374, #3A0231)
Browse the whole catalog at Explore, or see today's palette.