Quiet Pier color palette — #CCE8FE · #00E19D · #FF9684 · #63455D · #21171F

Aqua takes the lead with Melon close behind in a set that reads as balance at first glance.

The five colors

• Frost (#CCE8FE): A whisper-light, dusty blue — the color of deep harbor water.
• Aqua (#00E19D): A luminous, vivid teal — the color of sea glass.
• Melon (#FF9684): A luminous, balanced orange — the color of toasted spice.
• Charcoal Brown (#63455D): A full-bodied, dusty pink — the color of peonies in June.
• Ink (#21171F): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Quiet Pier 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

• Weathered Seafoam color palette (#D7DFF1, #00EEE3, #FFB387, #715965, #31272C)
• Pale Corridor color palette (#D2E7D9, #22ECE3, #DE6AB2, #544761, #1D1823)
• Apricot Courtyard color palette (#E0F0EB, #C2C300, #FE8C19, #3E3833, #1E1711)
• Weathered Corridor color palette (#D7F0EC, #B3C5FF, #E68257, #66495A, #261D22)
• Wandering Thicket color palette (#F7EAF2, #D8C983, #CB673D, #764937, #1F101A)
• Marigold Corridor color palette (#E6E3FF, #73CAFF, #EFA800, #425A44, #141C15)
• Coral Delta color palette (#FFF0FA, #EB8265, #00A4A8, #8859A2, #2B1826)
• Ember Lantern color palette (#C9E5FC, #00C777, #F9601F, #2B1608, #120702)

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