Quiet Harbor color palette — #FFF2EF · #E7B38C · #B08D3B · #6F6A00 · #254A00
A conversation between Olive and Mustard, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EF): bright and airy, almost weightless.
- Sand (#E7B38C): A luminous, balanced gold — the color of afternoon light on wheat.
- Mustard (#B08D3B): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive (#6F6A00): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#254A00): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, 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
- Sunlit Pine Market color palette (#FFEBDF, #D6BA7B, #929651, #45793B, #004634)
- Feathered Quarry color palette (#FFE9F1, #F3A69D, #C78053, #875A03, #464100)
- Quiet Marigold Ridge color palette (#FFF2EF, #FFD1B4, #CE992B, #6D6A00, #174000)
- Hazy Bronze Thicket color palette (#F3D7CD, #AF6D00, #645400, #273500, #001302)
- Wandering Bronze color palette (#ECDDCC, #827200, #375100, #00270E, #000504)
- Hushed Grove color palette (#E6FCE9, #E89C77, #90893B, #516191, #53323D)
- Worn Amber color palette (#D9EADB, #BA8400, #3B534A, #233225, #1D1619)
- Patina Pine color palette (#F7EDD0, #90AD36, #0F9031, #005443, #002D32)
Browse the whole catalog at Explore, or see today's palette.