Quiet Harbor color palette — #E1FCF8 · #FFC531 · #58A250 · #3E683A · #00201D
Built around Sunflower, softened by Kelly Green — the whole palette hums with nature and growth.
The five colors
- Ivory (#E1FCF8): A whisper-light, dusty teal — the color of shallow lagoons.
- Sunflower (#FFC531): A whisper-light, vivid gold — the color of old brass.
- Kelly Green (#58A250): A luminous, balanced green — the color of new leaves after rain.
- Pine (#3E683A): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#00201D): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Balance. Tagged luxury, dark.
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 Grove color palette (#E4FAFF, #FFC531, #00A39D, #066A66, #071E23)
- Washed Honey color palette (#E8FBEE, #FFC531, #A88B00, #6B5A1C, #0D1F14)
- Tempered Market color palette (#CDE3E2, #E7AE00, #1A904F, #245435, #000E0E)
- Hushed Apricot color palette (#D7FEFE, #FFA062, #007D52, #00472D, #002020)
- Pine Grove color palette (#F4F7E6, #FFCE9D, #227F3D, #003914, #070900)
- Aged Bloom color palette (#F2F3E3, #B4AB49, #2A5A00, #0F2700, #080800)
- Sand Boulevard color palette (#ECF7FD, #F3DBA9, #6FA8BA, #5A717D, #212D34)
- Softworn Amber color palette (#CDF1FC, #BC8E00, #006567, #002F30, #000203)
Browse the whole catalog at Explore, or see today's palette.