Quiet Harbor color palette — #F8F2D8 · #D2B03F · #9B9E00 · #398300 · #1C2500
Olive Leaf and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F8F2D8): A whisper-light, dusty green — the color of new leaves after rain.
- Gold (#D2B03F): A luminous, balanced green — the color of a quiet forest floor.
- Moss (#9B9E00): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#398300): A full-bodied, vivid green — the color of fresh herbs.
- Onyx (#1C2500): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, 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
- Tempered Amber Grove color palette (#F9F0DC, #E3A94F, #AA8A00, #5F6900, #292500)
- Antique Pier color palette (#F9F6DD, #CDCA74, #94B338, #009332, #213406)
- Dusty Emerald color palette (#E0E1D2, #91A600, #479000, #00603B, #011D02)
- Airy Garden color palette (#F3EBD4, #FA9440, #AE9A00, #008665, #090F00)
- Chalky Lime color palette (#DBF6EA, #FFB079, #B2B600, #009D76, #222C00)
- Hushed Station color palette (#F2F7DE, #9EC944, #04B034, #007257, #00280D)
- Weathered Forest Canyon color palette (#DDEDCE, #67A24A, #006B1C, #004D22, #00351F)
- Washed Denim Villa color palette (#E2EEE2, #909D7A, #257B6E, #004C7A, #462B43)
Browse the whole catalog at Explore, or see today's palette.