Quiet Pier color palette — #FFF0FE · #FF606B · #009AB6 · #066B7F · #1E0F1E

Built around Watermelon, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Watermelon (#FF606B): A luminous, vivid red — the color of a theater curtain.
• Cerulean (#009AB6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#066B7F): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#1E0F1E): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Energy, Balance. Tagged cool.

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

• Tangerine Hollow color palette (#FFF0F9, #F07638, #558BD3, #415E99, #200E19)
• Hazy Peony color palette (#F9F2FF, #FA57AA, #00A185, #00705C, #1A1021)
• Hushed Apricot color palette (#FFF0F8, #FA9560, #55AACC, #377C97, #311D29)
• Faded Apricot Garden color palette (#FFF1F6, #EF8900, #00868F, #1F4787, #2C0A30)
• Powdered Amber Study color palette (#FFF1F6, #D66C00, #008572, #005665, #0D061D)
• Sapphire Drift color palette (#FFF1F5, #DD8D25, #006ECF, #0053A0, #160900)
• Gentle Rust color palette (#FFE5F7, #CD2D00, #006A83, #003F4F, #040000)
• Rust Coast color palette (#FFE9E1, #B14C47, #007160, #004A6E, #3C1D0F)

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