Amber Harbor color palette — #FFF2EF · #F69FB8 · #CD9636 · #859455 · #32352E

Built around Mustard, softened by Ballet Pink — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Ballet Pink (#F69FB8): A luminous, balanced red — the color of a theater curtain.
• Mustard (#CD9636): A luminous, balanced gold — the color of afternoon light on wheat.
• Moss (#859455): A luminous, balanced green — the color of new leaves after rain.
• Espresso (#32352E): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Worn Apricot Basin color palette (#FEF2F1, #F5B0CA, #E69071, #9C834C, #43433C)
• Aged Moss Summit color palette (#EDF8F4, #F8A882, #91B052, #58A081, #28382C)
• Powder Delta color palette (#F3F4FF, #B9ACFF, #9D8D4F, #537B63, #162830)
• Sunlit Studio color palette (#FFF2EC, #FA7759, #989600, #2D894E, #0B230F)
• Worn Taupe Field color palette (#EDF8F3, #7BC5EB, #A9B25F, #629772, #273529)
• Mallow Workshop color palette (#FDEDEE, #DDA0CF, #927271, #605051, #262021)
• Weathered Balcony color palette (#FDF2F7, #A096DD, #B76B3A, #2C7A5C, #403239)
• Wandering Corridor color palette (#FBF3F5, #E2D8D5, #C2AAD5, #ACB6A7, #5A4F52)

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