Quiet Harbor color palette — #F5DAD5 · #C10056 · #694900 · #2F3900 · #050004
Built around Magenta Rose, softened by Bronze — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#F5DAD5): A whisper-light, dusty orange — the color of sun-warmed clay.
- Magenta Rose (#C10056): A full-bodied, vivid red — the color of embers at dusk.
- Bronze (#694900): A full-bodied, balanced gold — the color of old brass.
- Forest (#2F3900): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#050004): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Optimism, Energy, 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
- Misty Brick Alley color palette (#FBDFD4, #C2002B, #594D00, #481374, #060002)
- Chalky Scarlet Harbor color palette (#FFE8D0, #E01A2B, #913D00, #364000, #0C0000)
- Smoked Parlor color palette (#FFEAE9, #890058, #00432B, #001D10, #000109)
- Brick Meadow color palette (#F4DED4, #A91C00, #3B1400, #140C03, #050100)
- Amethyst Loft color palette (#FAD7E6, #8225FD, #9B0031, #004350, #050005)
- Plum Veranda color palette (#F3E2E3, #AC0099, #8C3B00, #00366C, #03000A)
- Tempered Mulberry Pier color palette (#EDE2E0, #B39F88, #9A876B, #994356, #110604)
- Faded Olive Thicket color palette (#F9E2CD, #C67000, #418500, #006453, #120200)
Browse the whole catalog at Explore, or see today's palette.