Quiet Harbor color palette — #F8E9E1 · #C34425 · #6A4D00 · #1D3C00 · #001613

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

The five colors

• Cream (#F8E9E1): a clean, paper-quiet neutral.
• Terracotta (#C34425): A full-bodied, vivid orange — the color of toasted spice.
• Bronze (#6A4D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#1D3C00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#001613): A deep, shadowed, dusty teal — the color of sea glass.

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

• Hushed Market color palette (#F6E8D9, #A46300, #505900, #003D2B, #00151B)
• Patina Plum color palette (#FAE5E2, #BD3E75, #853800, #3C3300, #001704)
• Dusty Fern color palette (#FFE9E2, #BB8475, #8E5E3F, #464E00, #1A3307)
• Wandering Chapel color palette (#FCE3CB, #C97500, #6D6E00, #005632, #002A2E)
• Magenta Veranda color palette (#E9E7FF, #CB3DFF, #956900, #005E55, #001613)
• Weathered Fern Veranda color palette (#EBE3D2, #97974D, #5A6900, #6F2B33, #1C1C00)
• Raspberry Courtyard color palette (#F6EFFF, #D000A7, #940507, #332000, #02000C)
• Washed Mulberry Veranda color palette (#FFE3EA, #D35479, #B0003C, #7A001A, #3F0101)

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