Amber Harbor color palette — #FDEDF3 · #C7781B · #007470 · #41386A · #1F163D

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

The five colors

• Blush (#FDEDF3): a clean, paper-quiet neutral.
• Mustard (#C7781B): A luminous, balanced gold — the color of old brass.
• Teal (#007470): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#41386A): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#1F163D): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Quiet Ember color palette (#FDECF8, #D8674D, #217553, #1E426A, #081F38)
• Hushed Moss color palette (#E3F8EB, #A58C00, #006F8D, #562E61, #1F1837)
• Timeworn Study color palette (#FEF3E6, #CE9A42, #419272, #37608C, #4F2845)
• Sunlit Balcony color palette (#CCEAD0, #926A00, #005661, #480056, #1C0023)
• Dusty Stone color palette (#FFE8F1, #BAB889, #5F908F, #525469, #313242)
• Worn Garnet color palette (#DDF9EF, #778F00, #005CA4, #650050, #31001E)
• Dusty Cerulean color palette (#F8EFF2, #C1E1FD, #738DC0, #276970, #232B44)
• Ancient Corridor color palette (#F7DDAC, #AFA615, #72882A, #395C27, #002F2F)

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