Quiet Harbor color palette — #F3DEFF · #E08EC0 · #AF5453 · #6F3D00 · #292200

A conversation between Brick and Bubblegum, giving this palette its sense of nature and growth.

The five colors

• Thistle (#F3DEFF): A whisper-light, dusty violet — the color of wild irises.
• Bubblegum (#E08EC0): A luminous, balanced pink — the color of neon signs at night.
• Brick (#AF5453): A full-bodied, balanced orange — the color of sun-warmed clay.
• Bronze (#6F3D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#292200): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Creativity, Warmth, Comfort. 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

• Frosted Mallow Study color palette (#E5E7FF, #D998E6, #A65980, #752A2A, #371D00)
• Blush Quarry color palette (#FFE6F3, #FB918F, #AA6438, #5B4C00, #1A2400)
• Cocoa Workshop color palette (#FFE8EC, #DD9697, #A55E55, #863310, #672C00)
• Antique Chestnut color palette (#FFE9FC, #EDA6C6, #C77271, #994E1B, #553B00)
• Patina Wisteria Alley color palette (#D5FCF1, #CC79C7, #995739, #004F5F, #291D2F)
• Sunlit Rose color palette (#F6D6ED, #FF346C, #8F4000, #412D00, #111200)
• Dusty Bronze color palette (#F8D6CA, #9E6800, #434900, #002A09, #000806)
• Weathered Pewter color palette (#F4F0F8, #E1D4D7, #CCB7B6, #7E6C90, #2E2A33)

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