Amber Harbor color palette — #FFF3E3 · #C87E00 · #007EB3 · #27678A · #392525

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

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#C87E00): A luminous, balanced gold — the color of old brass.
• Cerulean (#007EB3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#27678A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#392525): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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

• Tempered Moss color palette (#FAF5E4, #9B9600, #00879A, #3A6293, #3A2721)
• Nightshade Parlor color palette (#FFF1F6, #CD9952, #0097AB, #4B4CA5, #261429)
• Marigold Hollow color palette (#FDF4E8, #D69725, #00929A, #754C7A, #502B33)
• Hushed Coast color palette (#FFF2EC, #E56457, #00917C, #056A5F, #37262D)
• Hushed Olive color palette (#F9F6E3, #6E8110, #006B72, #004D53, #38201F)
• Soft Indigo Boulevard color palette (#EBF9F3, #B9C06D, #7CAD6A, #6474D4, #17301B)
• Mustard Station color palette (#FFF0E5, #E3BB50, #979B4F, #3F783E, #004732)
• Muted Driftwood Orchard color palette (#FAF4ED, #DADFD0, #B9C6B7, #A58B62, #4E463C)

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