Amber Harbor color palette — #FFF1F7 · #D77400 · #4F3613 · #220E17 · #040002

Mustard and Cocoa set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Mustard (#D77400): A luminous, balanced gold — the color of afternoon light on wheat.
• Cocoa (#4F3613): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#220E17): A deep, shadowed, dusty rose — the color of strawberry cream.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

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

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

• Wandering Amber color palette (#E0FFE0, #C18400, #4A3900, #0A190B, #050002)
• Rose Cabin color palette (#FFF0FC, #FF3E3D, #5F2A17, #1F0E1D, #030103)
• Softworn Tangerine Pier color palette (#F6E1EA, #ED8004, #7A6339, #563745, #180E15)
• Bronze Parlor color palette (#FFDAE5, #A46600, #0A2C14, #231710, #0C0104)
• Chestnut Study color palette (#F3E9CB, #745D00, #262932, #151300, #000200)
• Olive Summit color palette (#E3F7C1, #6B8C00, #103500, #171B21, #050900)
• Worn Mustard color palette (#FAF9C2, #BBB400, #00B895, #CA653E, #252300)
• Timeworn Lime Lantern color palette (#E9F9F6, #83C35F, #3C5B59, #232E2B, #0A110F)

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