Quiet Harbor color palette — #FFF0FA · #98A6FF · #C49E18 · #5450F6 · #493800

A conversation between Iris and Mustard, giving this palette its sense of nature and growth.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Cornflower (#98A6FF): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#C49E18): A luminous, balanced green — the color of new leaves after rain.
• Iris (#5450F6): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#493800): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.

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

• Worn Amethyst color palette (#FFF0F7, #B39DF6, #9EAF18, #8130F6, #383F00)
• Weathered Veranda color palette (#F1F5FF, #B8C3FF, #D1AD07, #6168F0, #392D00)
• Powdered Lapis Orchard color palette (#FFF0FA, #7E82FF, #987C00, #4C31DF, #473900)
• Gentle Grape color palette (#F3D4E5, #A49AFD, #8E8A00, #571BCE, #2C2B00)
• Frosted Amber Lantern color palette (#DDFEF3, #82C7FF, #E17E00, #006EAC, #592E00)
• Orchid Alley color palette (#FFF1F4, #CEA8D6, #83B478, #A85DB9, #2E4B27)
• Ember Dune color palette (#FFE1F3, #8F8AFF, #EA5B00, #009467, #2B275D)
• Aged Byzantium color palette (#FFF1F3, #E9A2EF, #00B956, #A600B4, #00481D)

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