Quiet Harbor color palette — #FFEBF7 · #CB4C00 · #00645B · #003781 · #1B0112
A conversation between Terracotta and Navy, giving this palette its sense of trust and stability.
The five colors
- Blush (#FFEBF7): A whisper-light, dusty pink — the color of a candy shop window.
- Terracotta (#CB4C00): A full-bodied, vivid orange — the color of toasted spice.
- Pine (#00645B): A full-bodied, balanced teal — the color of sea glass.
- Navy (#003781): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#1B0112): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.
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 Bronze color palette (#FFECF2, #A36000, #005862, #2A2B65, #0F0313)
- Aged Veranda color palette (#FFEBFB, #D40717, #006B49, #004262, #0F0721)
- Aged Bronze Pier color palette (#E3F9E2, #B07500, #006C49, #003A6A, #300025)
- Faded Amber Market color palette (#FFF1F7, #E46C00, #0085A7, #00536A, #0D0625)
- Raspberry Basin color palette (#F9EDFF, #CF1C73, #135503, #003F4C, #100627)
- Feathered Amber color palette (#D9FDE0, #CB7C00, #696500, #004362, #271900)
- Peony Meadow color palette (#FFF2EF, #DF5D8E, #007BB3, #4442A5, #331332)
- Faded Onyx color palette (#D0F4E5, #606400, #004882, #42004B, #0F0300)
Browse the whole catalog at Explore, or see today's palette.