Quiet Harbor color palette — #F6DDE0 · #C63E1D · #703E00 · #3F2F00 · #0F2308

Terracotta takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F6DDE0): A whisper-light, dusty red — the color of embers at dusk.
• Terracotta (#C63E1D): A full-bodied, vivid orange — the color of toasted spice.
• Bronze (#703E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#3F2F00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#0F2308): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Wandering Ember Dune color palette (#FFE5DD, #D26016, #8F4F00, #5A3800, #271B00)
• Patina Plum Ridge color palette (#F3D6EB, #BF3A61, #8A0111, #492200, #1D1E00)
• Denim Archive color palette (#FAEBDC, #9A5D00, #005B9E, #533000, #001B35)
• Washed Garden color palette (#EEDED2, #997300, #4A4D00, #153600, #002613)
• Ancient Onyx Bloom color palette (#EEDFD2, #8B7329, #663800, #4D0B09, #141900)
• Patina Mustard color palette (#FFE4D1, #BBBE6C, #3D9A7F, #803537, #292100)
• Midnight Chestnut Basin color palette (#F3D9C0, #6C5500, #2C3200, #061A00, #000808)
• Softworn Amber color palette (#FFDED1, #CE8400, #725E00, #3E4E00, #003C2C)

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