Amber Harbor color palette — #FFF1F6 · #D98123 · #006AB5 · #004F8A · #160009

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#D98123): A luminous, balanced gold — the color of afternoon light on wheat.
• Royal Blue (#006AB5): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#004F8A): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#160009): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Amber Balcony color palette (#FFF1F5, #DB8900, #6487D5, #435D98, #250B16)
• Quiet Amber Cabin color palette (#FFF1F6, #D17900, #006F88, #5E1151, #1D0017)
• Patina Field color palette (#E4FCEC, #A58700, #6A68C9, #44418E, #000B03)
• Lapis Cabin color palette (#E7FCE5, #C07B0F, #4842C5, #2B2481, #02000D)
• Aged Rose color palette (#FFF0FC, #F9292B, #00849F, #00576A, #120110)
• Quiet Marigold color palette (#FFF0F7, #CF9700, #007F4E, #4B2A75, #131400)
• Wandering Mustard color palette (#E6FBEF, #C5B52E, #8B9AD7, #636FA1, #162920)
• Hushed Pier color palette (#EDFDCD, #8FB126, #7E49D3, #6135A6, #0A0F00)

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