Quiet Harbor color palette — #E8FBEE · #B89E3B · #009E99 · #796400 · #004D4B
Mustard and Cerulean set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E8FBEE): A whisper-light, dusty teal — the color of sea glass.
- Mustard (#B89E3B): A luminous, balanced green — the color of a quiet forest floor.
- Cerulean (#009E99): A luminous, balanced teal — the color of sea glass.
- Olive (#796400): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004D4B): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, 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
- Terracotta Thicket color palette (#DDFEEF, #8C8E30, #008F79, #A24D22, #213F33)
- Timeworn Drift color palette (#E6FAF6, #7DB065, #0096C9, #44742A, #114860)
- Bronze Archive color palette (#EBFAEF, #8BB29A, #8A6F22, #674C1E, #2D4338)
- Faded Marigold color palette (#E6F7E9, #CA9C19, #7E87CC, #7D6010, #202345)
- Ancient Quarry color palette (#E2FCF6, #88AD6C, #CE674E, #48741C, #613529)
- Oat Quarry color palette (#E4FCEF, #BDE7EA, #AFD29D, #8F7D44, #3D534A)
- Fern Loft color palette (#EAF9F4, #BAB071, #435B0C, #01372D, #121F21)
- Chalky Periwinkle color palette (#FFF4E0, #D5B458, #88A0EF, #987D2D, #55374F)
Browse the whole catalog at Explore, or see today's palette.