Faded Amber Harbor color palette — #EAFAED · #AF7E00 · #0076A3 · #005577 · #22172E
Built around Mustard, softened by Slate — the whole palette hums with trust and stability.
The five colors
- Ivory (#EAFAED): A whisper-light, dusty teal — the color of shallow lagoons.
- Mustard (#AF7E00): A luminous, balanced gold — the color of honey in a jar.
- Slate (#0076A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005577): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#22172E): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Faded 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
- Aged Lantern color palette (#FFF1F5, #B86B00, #008278, #006059, #1B182F)
- Frosted Pier color palette (#E5FCEE, #989B22, #5B53AD, #484287, #231828)
- Timeworn Amber Boulevard color palette (#EAFAEB, #CB8722, #876DBD, #665787, #272636)
- Misty Amber Lantern color palette (#FFECF4, #DC7704, #007E9D, #703670, #3F1A40)
- Airy Nightshade Atelier color palette (#FCF5E2, #AC9C46, #007973, #4A3298, #130600)
- Quiet Amber Veranda color palette (#FFE7F1, #D7911D, #3B8B4E, #5A4983, #1B3729)
- Hushed Thicket color palette (#DEF5EA, #848700, #204934, #10271E, #080F08)
- Hushed Harbor color palette (#FFF2EC, #AC3628, #324299, #441B5D, #2F0F0E)
Browse the whole catalog at Explore, or see today's palette.