Quiet Harbor color palette — #F6E3B6 · #A57E00 · #008278 · #634A00 · #003631

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

The five colors

• Peach Cream (#F6E3B6): A whisper-light, dusty gold — the color of old brass.
• Mustard (#A57E00): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#008278): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#634A00): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#003631): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Balance. Tagged cool.

Use it as a design system

One click turns Quiet 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 Moss color palette (#ECE6C1, #789100, #007D96, #475600, #003440)
• Amber Loft color palette (#F2F8E9, #6AB18C, #BB7836, #00794E, #60370C)
• Amber Pier color palette (#F0DBBA, #A88B18, #745600, #533500, #2F2900)
• Aged Cypress color palette (#DBE6D3, #006F5A, #674300, #00352A, #180D00)
• Quiet Loft color palette (#EDE4D9, #966600, #157913, #9A003B, #332000)
• Soft Field color palette (#C5F1D5, #CCAE2A, #0081CE, #7C6700, #003052)
• Powdered Ember color palette (#FBDECE, #D9541C, #368500, #872C00, #123800)
• Feathered Station color palette (#E1E0C6, #688D1A, #BD2B20, #3A5200, #530201)

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