Amber Harbor color palette — #E7F6EB · #AA892D · #515EA2 · #363876 · #2E0D36

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

The five colors

• Cream (#E7F6EB): A whisper-light, dusty teal — the color of glacier melt.
• Mustard (#AA892D): A luminous, balanced gold — the color of old brass.
• Slate (#515EA2): A full-bodied, balanced violet — the color of wild irises.
• Navy (#363876): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#2E0D36): A deep, shadowed, balanced pink — the color of neon signs at night.

Feels like: Optimism, Creativity, Balance. Tagged cool.

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

• Faded Moss Thicket color palette (#E5F7F0, #829842, #6A5894, #642650, #340C28)
• Navy Summit color palette (#FBEDF4, #B97E57, #166E8F, #004275, #011C44)
• Misty Hollow color palette (#DFF9EC, #928C0E, #2E4AB4, #6E0022, #35000C)
• Pale Navy Drift color palette (#EAFAEF, #9D873E, #007463, #1D438E, #572241)
• Dusty Cocoa Archive color palette (#FCEDF3, #C2906A, #327D90, #71383B, #361D34)
• Mustard Corridor color palette (#FBF4E8, #D2B969, #3E9C8E, #485795, #451B29)
• Softworn Quarry color palette (#F9DAF7, #A2B8A8, #688B8A, #685875, #3B2E45)
• Wandering Ultramarine Station color palette (#F9F5E7, #AAA968, #86843E, #3C54B0, #493400)

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