Quiet Harbor color palette — #EFF9E7 · #00BD99 · #4C4FBB · #005B49 · #040002
Built around Cobalt, softened by Turquoise — the whole palette hums with creativity and calm.
The five colors
- Ivory (#EFF9E7): A whisper-light, dusty green — the color of a quiet forest floor.
- Turquoise (#00BD99): A luminous, balanced teal — the color of shallow lagoons.
- Cobalt (#4C4FBB): A full-bodied, vivid violet — the color of a velvet chair.
- Pine (#005B49): A full-bodied, balanced teal — the color of shallow lagoons.
- Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Creativity, Calm, Balance. Tagged duotone, cool.
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
- Aged Grape Villa color palette (#EEF9EB, #00BAAE, #8A309E, #005A54, #040001)
- Softworn Clover Studio color palette (#F5F7E8, #6FB75D, #0063A5, #1B5D00, #000104)
- Muted Navy color palette (#E4F1E2, #008A85, #003D91, #003F3D, #030003)
- Powdered Station color palette (#D5EBF0, #00C2BB, #5B76EF, #008883, #010019)
- Washed Nightshade color palette (#FFEAD8, #009D9F, #3947AC, #422200, #000508)
- Soft Nightshade color palette (#87FECF, #00B0BD, #007098, #20008C, #0E0016)
- Magenta Thicket color palette (#E6FCE9, #00DDEA, #BA3CCA, #007A81, #060001)
- Ancient Boulevard color palette (#E9F9F5, #7EC1FF, #BB4B62, #0067AA, #040000)
Browse the whole catalog at Explore, or see today's palette.