Amber Harbor color palette — #FFE7F1 · #D37200 · #567FC8 · #416096 · #351E29

Mustard and Azure set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FFE7F1): A whisper-light, dusty rose — the color of strawberry cream.
• Mustard (#D37200): A luminous, balanced gold — the color of old brass.
• Azure (#567FC8): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#416096): A full-bodied, balanced violet — the color of twilight just after sunset.
• Onyx (#351E29): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Optimism, 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

• Aged Workshop color palette (#DFF6E2, #B68600, #657BC9, #4D5D95, #152C1B)
• Dusty Market color palette (#FDE7F9, #EE524A, #1E8CB4, #006A8B, #321F2F)
• Faded Moss color palette (#E6FBEF, #9D8A00, #256BB0, #0B4E88, #221930)
• Lapis Terrace color palette (#FFF3E4, #C9932F, #009DA2, #5C4DAF, #201200)
• Aged Indigo Boulevard color palette (#F8E8FD, #ED89A5, #65A5E5, #6E78D6, #321D39)
• Apricot Balcony color palette (#FDF1F7, #FF9553, #00919E, #AB571E, #011C25)
• Muted Marigold color palette (#FFE7F3, #C99A00, #128D61, #614583, #12382C)
• Moss Market color palette (#DAF6E8, #ACA729, #8555AB, #7F3C6C, #0F2D21)

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