Hushed Amber Harbor color palette — #EBF5EA · #CB8D3E · #445F55 · #333A32 · #252024

Mustard takes the lead with Pine close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#EBF5EA): a clean, paper-quiet neutral.
• Mustard (#CB8D3E): A luminous, balanced gold — the color of afternoon light on wheat.
• Pine (#445F55): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#333A32): quiet, heavy and certain.
• Onyx (#252024): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Hushed 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 Coral Thicket color palette (#FCECFA, #DC7C78, #4F5C4D, #3F343D, #232026)
• Worn Stone color palette (#EBF5EA, #D6AF7B, #6F8173, #4A594A, #261F22)
• Aged Bronze Atelier color palette (#D7F7E1, #A18300, #2E4F27, #162C1E, #1A0C14)
• Softworn Mustard Cabin color palette (#E0FDF0, #B5B84D, #AC9ACF, #A37C9E, #31483E)
• Patina Atelier color palette (#D3EBE6, #4BA900, #345359, #22312F, #121A16)
• Ancient Coast color palette (#FFF0F8, #F4C178, #A89C4F, #657B53, #2D5653)
• Tempered Pier color palette (#EBF9F2, #CDC96F, #B0A9E2, #929052, #454B68)
• Tempered Courtyard color palette (#EEF8EF, #CAD8AC, #70A7A6, #7C7B8E, #41514C)

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