Quiet Harbor color palette — #FDF3EC · #BFEDFF · #7FBAFF · #00A88F · #39386D

A conversation between Turquoise and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Frost (#BFEDFF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#7FBAFF): A luminous, balanced blue — the color of open sky before noon.
• Turquoise (#00A88F): A luminous, balanced teal — the color of sea glass.
• Navy (#39386D): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Washed Summit color palette (#FCF3EF, #C7E8E2, #8AC6EC, #6CA789, #583E54)
• Hazy Aqua Atelier color palette (#FEF2EF, #AAF5F1, #06CAF4, #5AA55C, #0E426D)
• Sky Courtyard color palette (#FCF4E7, #C1E6F6, #4EB8FE, #00878D, #03336B)
• Softworn Hollow color palette (#EBE8FF, #B7A4FF, #99BB00, #0EAD5C, #322851)
• Aged Periwinkle Dune color palette (#F3F4FF, #F7D5DE, #E8BFA5, #66ACE0, #573B61)
• Antique Pine Pier color palette (#FAE7E0, #83CFD3, #00A0D0, #008342, #001D47)
• Frosted Ridge color palette (#FCEDF5, #96DBF6, #3384DB, #006454, #1F1C4E)
• Misty Summit color palette (#D9EAF4, #96C4FF, #978AFF, #9260CC, #662659)

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