Quiet Harbor color palette — #F9ECD5 · #927300 · #B60072 · #564200 · #240013
Built around Magenta Rose, softened by Ochre — the whole palette hums with nature and growth.
The five colors
- Cream (#F9ECD5): A whisper-light, dusty gold — the color of old brass.
- Ochre (#927300): A full-bodied, balanced gold — the color of old brass.
- Magenta Rose (#B60072): A full-bodied, vivid rose — the color of strawberry cream.
- Deep Olive (#564200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#240013): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged 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
- Washed Boulevard color palette (#E4E1CD, #6E8200, #C00022, #3F4C00, #260002)
- Garnet Villa color palette (#E4E3D4, #736700, #006B50, #862000, #090700)
- Powdered Byzantium color palette (#FCD5C7, #C74900, #8724D1, #762800, #19002D)
- Pale Bronze Quarry color palette (#F6EBE0, #A76600, #007954, #633A00, #00140B)
- Misty Balcony color palette (#E4F1D5, #009E74, #A26500, #006247, #291600)
- Lime Terrace color palette (#F1F0CE, #A0BC21, #5EAA46, #6C5700, #151600)
- Quiet Veranda color palette (#DCE2BE, #1DB73D, #CE6321, #197729, #461A00)
- Nightshade Villa color palette (#F5E5C7, #735C00, #3331B4, #372B00, #08003D)
Browse the whole catalog at Explore, or see today's palette.