Quiet Harbor color palette — #FBF0DE · #94B565 · #007F55 · #6B3957 · #182600

A conversation between Teal and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#FBF0DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#94B565): A luminous, balanced green — the color of fresh herbs.
• Teal (#007F55): A full-bodied, balanced teal — the color of glacier melt.
• Mulberry (#6B3957): A full-bodied, balanced pink — the color of a candy shop window.
• Onyx (#182600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Softworn Grove color palette (#FFEEE2, #BAA667, #557800, #5E3C6C, #291F00)
• Pale Moss Harbor color palette (#F1E3CA, #7DA349, #006C4A, #532669, #0E1A00)
• Washed Jade color palette (#F8F3D9, #6BBC87, #007C75, #234F78, #1D2406)
• Dusty Lagoon color palette (#F6F2E7, #C3C7A7, #4C9280, #79575D, #31322B)
• Faded Mulberry color palette (#FFEDEA, #FB73A1, #009A42, #94004A, #00290C)
• Gentle Jade Bloom color palette (#E1FCF4, #A8EDA9, #00AC78, #4E69A6, #183619)
• Wandering Delta color palette (#F6E9DD, #857A28, #235000, #2F1B55, #0C0700)
• Smoked Forest Grove color palette (#EEE7CC, #1D6837, #00312D, #280022, #000200)

Browse the whole catalog at Explore, or see today's palette.