Quiet Harbor color palette — #F0EFDB · #5E8000 · #006122 · #003729 · #00221E
A conversation between Olive Leaf and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#F0EFDB): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#5E8000): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#006122): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#003729): A deep, shadowed, dusty teal — the color of sea glass.
- Onyx (#00221E): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged 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
- Quiet Moss Corridor color palette (#E4F7D7, #4AA700, #00761D, #005328, #002513)
- Dusty Bronze Coast color palette (#F1E3D0, #9B7E00, #485100, #183500, #00201D)
- Antique Pine color palette (#DAE4D8, #008859, #00554B, #00383A, #091D31)
- Antique Lagoon color palette (#DCF4EB, #009C6E, #004F37, #002115, #000906)
- Aubergine Meadow color palette (#D6EDDA, #006D33, #7E0086, #730036, #001706)
- Sunlit Station color palette (#CFEFEB, #219342, #87005E, #004618, #360023)
- Patina Bronze color palette (#D7E8D9, #81782F, #5B4000, #411D00, #111900)
- Softworn Cerulean Corridor color palette (#CBF1ED, #39D3CF, #009BCC, #3D4C00, #002A1C)
Browse the whole catalog at Explore, or see today's palette.