Misty Amber Harbor color palette — #FAF0E4 · #BE7E00 · #00765E · #303D6C · #370D18

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

The five colors

• Cream (#FAF0E4): a clean, paper-quiet neutral.
• Mustard (#BE7E00): A luminous, balanced gold — the color of old brass.
• Teal (#00765E): A full-bodied, balanced teal — the color of sea glass.
• Navy (#303D6C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Onyx (#370D18): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Washed Ember Terrace color palette (#FEEEE5, #D56B40, #447235, #064763, #351018)
• Moss Grove color palette (#F7F2E2, #989113, #00727B, #493467, #321502)
• Feathered Garden color palette (#FFF1F8, #C36F44, #227358, #463D7C, #472A54)
• Pale Aubergine Parlor color palette (#EDDFC1, #857000, #005855, #2C007B, #240004)
• Taupe Coast color palette (#E8FAF1, #ABAA52, #499263, #006B6F, #0F3B5C)
• Stone Corridor color palette (#FAE4CA, #BCB28E, #8B8C72, #665967, #46333D)
• Muted Bronze Lagoon color palette (#EFE4D1, #917000, #33312A, #1C1508, #090603)
• Apricot Villa color palette (#FFF3E9, #FFA05E, #3495C1, #4E568E, #3E1E35)

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