Tempered Amber Harbor color palette — #FFF1F6 · #D08D4E · #334D42 · #29191F · #080408

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#D08D4E): A luminous, balanced gold — the color of old brass.
• Charcoal (#334D42): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#29191F): A deep, shadowed, dusty rose — the color of strawberry cream.
• Ink (#080408): a grounded near-black with real depth.

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

Use it as a design system

One click turns Tempered 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

• Muted Atelier color palette (#E9FAF2, #A3A524, #264E4D, #12221B, #030703)
• Ancient Lantern color palette (#FDF0FD, #EA7380, #573D48, #251A26, #06040B)
• Hushed Courtyard color palette (#F0E2D3, #DB9B5A, #8B6A25, #693E00, #20160F)
• Bronze Harbor color palette (#F6E7EC, #A66200, #173924, #201116, #090507)
• Olive Villa color palette (#C9EFE5, #5A8600, #4C4751, #002B2F, #000504)
• Mustard Loft color palette (#DFFEF0, #BFC258, #A1A2E5, #8989D0, #123226)
• Taupe Delta color palette (#EFF8F0, #B3EBEF, #82A98B, #73738E, #223F35)
• Faded Moss Archive color palette (#E9FAF0, #E3D592, #B0B4F6, #9E8A14, #33335C)

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