Amber Harbor color palette — #FFF3E8 · #CD6D00 · #39342E · #170D04 · #030100

Pumpkin and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Pumpkin (#CD6D00): A luminous, balanced gold — the color of honey in a jar.
• Espresso (#39342E): a grounded near-black with real depth.
• Ink (#170D04): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#030100): 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 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

• Timeworn Moss Canyon color palette (#FEF5DC, #968D00, #36352E, #150F00, #020100)
• Hushed Summit color palette (#FFF2ED, #E84A48, #562500, #1A0B06, #030100)
• Amber Orchard color palette (#FFECDD, #DE7F30, #805914, #5A3000, #140B06)
• Chestnut Boulevard color palette (#F3E4D3, #865200, #263230, #1A1000, #020100)
• Patina Mustard Coast color palette (#F9F5E7, #B0B64F, #5E5600, #2E2B20, #120F09)
• Mustard Bloom color palette (#FFF5D8, #B6AA00, #00AF89, #B96247, #231A00)
• Sand Atelier color palette (#FFF4E1, #E1D089, #908D4F, #69625D, #31260C)
• Inked Pine color palette (#E4EAC8, #008F28, #002D1A, #121A1F, #040400)

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