Quiet Harbor color palette — #E5FCED · #B99C00 · #4B90C6 · #6B518A · #021B0D
Built around Mustard, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Ivory (#E5FCED): A whisper-light, dusty teal — the color of shallow lagoons.
- Mustard (#B99C00): A luminous, balanced green — the color of a quiet forest floor.
- Cerulean (#4B90C6): A luminous, balanced blue — the color of deep harbor water.
- Graphite (#6B518A): A full-bodied, balanced violet — the color of wild irises.
- Ink (#021B0D): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Creativity, 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
- Aged Dune color palette (#E0FDF5, #7CB200, #7980D6, #814B6C, #011A15)
- Hazy Amber color palette (#FFF1F6, #E08500, #009BAF, #565A90, #220D16)
- Sunlit Pier color palette (#E6FBF3, #ABBE53, #8599E4, #8A6190, #122A22)
- Faded Courtyard color palette (#E1FCF7, #71BC55, #0081AE, #643566, #2D1400)
- Patina Orchard color palette (#DCF5ED, #9CB95A, #2BB1CC, #6C7BCE, #032E25)
- Muted Lime Loft color palette (#E4FDE9, #90CB51, #009475, #584676, #002825)
- Aubergine Villa color palette (#F7E6D6, #AA600B, #006BA1, #6A1C67, #1C0B00)
- Aged Studio color palette (#E2FAFF, #009F91, #A94E9B, #803014, #00090C)
Browse the whole catalog at Explore, or see today's palette.