Quiet Harbor color palette — #D5F1F0 · #3C8700 · #00703D · #00443B · #000201
Olive Leaf takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#D5F1F0): A whisper-light, dusty teal — the color of shallow lagoons.
- Olive Leaf (#3C8700): A full-bodied, vivid green — the color of a quiet forest floor.
- Pine (#00703D): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#00443B): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Balance. Tagged candy, vibrant, light.
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
- Pine Station color palette (#CEE7EC, #008864, #006B65, #003E46, #000202)
- Bronze Alley color palette (#C5EBDF, #8B7F00, #566C00, #00511A, #010100)
- Nocturne Boulevard color palette (#DDF0EA, #366616, #00340A, #0F1700, #000201)
- Linen Canyon color palette (#DCF2F1, #B48C00, #009540, #006490, #000504)
- Moonless Terrace color palette (#D0EDF7, #00575C, #4A068E, #002426, #020007)
- Patina Teal Field color palette (#E0F0F5, #00B09B, #008B8D, #006985, #000406)
- Mint Lantern color palette (#D9F8FF, #00E0AB, #00C1B5, #008B9F, #001C23)
- Chartreuse Parlor color palette (#CBFDFF, #00F354, #00CC9A, #00A29C, #001E17)
Browse the whole catalog at Explore, or see today's palette.