Quiet Harbor color palette — #ECE8AE · #736A00 · #006761 · #770015 · #232000
Built around Oxblood, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#ECE8AE): A whisper-light, dusty green — the color of new leaves after rain.
- Olive (#736A00): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#006761): A full-bodied, balanced teal — the color of sea glass.
- Oxblood (#770015): A deep, shadowed, balanced orange — the color of toasted spice.
- Onyx (#232000): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Pale Grove color palette (#CFEFCE, #8C5D00, #006A3E, #700047, #2D1B00)
- Washed Olive Villa color palette (#CCF2C0, #2E7C00, #00637A, #5E2E00, #092700)
- Olive Workshop color palette (#D1FEF2, #467100, #004851, #532100, #201900)
- Quiet Pine color palette (#D3F7F7, #008559, #0A679C, #5B3F00, #002D2E)
- Muted Villa color palette (#D4F0F2, #00604B, #00437D, #332700, #00110B)
- Aubergine Parlor color palette (#E8E6CF, #776D00, #005DA1, #57007E, #0D0B00)
- Tempered Orchard color palette (#D9FBEF, #7E9C00, #006445, #3E4E00, #00170D)
- Fern Alley color palette (#E7FAF6, #BDD9D6, #85B0AF, #346A00, #243733)
Browse the whole catalog at Explore, or see today's palette.