Quiet Harbor color palette — #F9F5ED · #E8C764 · #00C080 · #B59100 · #151B0A

Jade takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F9F5ED): bright and airy, almost weightless.
• Honey (#E8C764): A whisper-light, balanced green — the color of new leaves after rain.
• Jade (#00C080): A luminous, balanced teal — the color of shallow lagoons.
• Mustard (#B59100): A luminous, balanced green — the color of new leaves after rain.
• Ink (#151B0A): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

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

• Teal Terrace color palette (#F8F5EB, #D5DB9F, #28C8B5, #A2A944, #1D2819)
• Aged Moss Veranda color palette (#FBF4ED, #FFB981, #95B100, #DB7900, #1C1903)
• Dusty Jade color palette (#FCECD3, #B1C661, #17B274, #7366B7, #31312A)
• Tempered Bronze Summit color palette (#F0F8EF, #FFC378, #009E9A, #A26800, #00070A)
• Mustard Lantern color palette (#EFEADD, #BDAC00, #009977, #857800, #020400)
• Softworn Mustard Garden color palette (#FDF4E2, #C1A50B, #009CD5, #9058A6, #2E1507)
• Quiet Olive Hollow color palette (#E7F6EE, #AEA240, #31770D, #5F5600, #000907)
• Washed Taupe color palette (#F7F5EE, #D5DBD3, #B5C8B8, #A1A65D, #3D3B32)

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