Amber Harbor color palette — #FFF1F6 · #FEC478 · #CF7B00 · #904A0D · #362400

Mustard and Burnt Sienna set the tone — five colors that lean into optimism and balance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Cantaloupe (#FEC478): A whisper-light, balanced gold — the color of old brass.
• Mustard (#CF7B00): A luminous, balanced gold — the color of honey in a jar.
• Burnt Sienna (#904A0D): A full-bodied, balanced gold — the color of old brass.
• Espresso (#362400): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Balance, Grounding. Tagged earthy, warm.

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

• Ember Study color palette (#FFF0F8, #FEC199, #E66614, #95432E, #3C1B2A)
• Amber Veranda color palette (#E4FDE9, #E2D08E, #B68A00, #7F570A, #04301F)
• Ancient Studio color palette (#FFF0F8, #FDA258, #C55B00, #852B00, #261300)
• Cocoa Station color palette (#FEE4CB, #BD9962, #935D24, #6F2C05, #241B00)
• Worn Apricot Station color palette (#FFE7F0, #EDC16B, #DA9150, #A96E5F, #113F2C)
• Airy Amber Drift color palette (#FADDEC, #C26D1D, #7C3600, #3F0F00, #020100)
• Ancient Taupe color palette (#CEEFDA, #A39D4E, #705F00, #402F00, #000503)
• Coral Quarry color palette (#FFF0FB, #FF765F, #8F9B00, #007D2B, #291125)

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