Amber Harbor color palette — #FBEBD9 · #B48200 · #007C8E · #005A7B · #0F0008

Mustard takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FBEBD9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#B48200): A luminous, balanced gold — the color of honey in a jar.
• Teal (#007C8E): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005A7B): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#0F0008): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Chalky Aubergine color palette (#F6E9D7, #BB8400, #008097, #573C94, #230024)
• Softworn Balcony color palette (#F4DACD, #EA5300, #007BA5, #00588A, #150007)
• Dusty Ultramarine color palette (#EEE2C7, #A8991E, #1C5EC7, #21519E, #120000)
• Rose Harbor color palette (#FFE7E2, #FD285D, #007E7B, #006764, #0A0221)
• Airy Lapis Grove color palette (#ECDECB, #986E00, #3D3EED, #2B3492, #060003)
• Tempered Moss Veranda color palette (#F1E3D1, #CE8600, #5F8F14, #4C399A, #1F1400)
• Bronze Villa color palette (#E9E1CB, #877B00, #2B4C21, #241C07, #030100)
• Fern Lantern color palette (#EFDEE4, #9E5A00, #266615, #4C003D, #180001)

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