Amber Harbor color palette — #FFF3E8 · #E8DCB7 · #92DFB6 · #C88A55 · #454740

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

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Wheat (#E8DCB7): A whisper-light, dusty green — the color of new leaves after rain.
• Lagoon (#92DFB6): A whisper-light, balanced teal — the color of shallow lagoons.
• Mustard (#C88A55): A luminous, balanced gold — the color of afternoon light on wheat.
• Charcoal (#454740): a grounded near-black with real depth.

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

• Tempered Mallow Harbor color palette (#FEF3E7, #E3E3B0, #FFADE7, #BB9252, #5E3B3D)
• Antique Mint color palette (#FFF3E3, #F2C377, #8BCE8D, #CD8E94, #3C3832)
• Timeworn Bronze Market color palette (#FFF3E8, #E1DCC1, #D3A37D, #A46B3E, #573800)
• Weathered Archive color palette (#F8F5ED, #C5E0CB, #918748, #584300, #1E1B12)
• Antique Sand color palette (#FFF3E8, #FFC89E, #9DCCF7, #CB9D7A, #34554C)
• Patina Coral color palette (#FFF2ED, #F1D5C3, #C7C4FF, #D57E7A, #583D4C)
• Chestnut Summit color palette (#FFF3E5, #DBDEC9, #E0BA99, #96BAC4, #6C4800)
• Soft Sky Garden color palette (#F6F7E5, #B7E4A1, #55C9FE, #679A4C, #0A3E53)

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