Quiet Harbor color palette — #FFF2ED · #FFC3BF · #0AD7D9 · #D25E5E · #004142

A conversation between Scarlet and Aqua, giving this palette its sense of balance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Shell Pink (#FFC3BF): A whisper-light, dusty orange — the color of sun-warmed clay.
• Aqua (#0AD7D9): A luminous, balanced teal — the color of sea glass.
• Scarlet (#D25E5E): A luminous, balanced orange — the color of autumn markets.
• Deep Teal (#004142): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Balance. Tagged 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

• Aqua Pier color palette (#FFF2EC, #FFB7AC, #44D5D6, #D7857B, #2F4A2F)
• Powdered Mint color palette (#FFF1F2, #FFBAF1, #4CDA97, #B767A9, #10432B)
• Sunlit Amber Grove color palette (#FFF3E6, #FFC98A, #84C0FF, #B87B28, #1D3A58)
• Hushed Terracotta color palette (#F9EDF9, #DF8788, #299EAC, #A23F44, #002E33)
• Tempered Cocoa color palette (#FFF2EC, #DFDBCD, #9BBDB6, #D497A4, #6F3809)
• Sunlit Terracotta color palette (#FFF2EA, #FFA883, #00A2D6, #A23F00, #002230)
• Clover Harbor color palette (#FFF2EC, #FA9F91, #57C571, #7A8FCD, #3C251A)
• Aged Taupe color palette (#FCF4E6, #EBDCB0, #B29C5D, #876335, #33322B)

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