Quiet Pier color palette — #FFDCD0 · #F8646E · #00A1B2 · #D20039 · #001F24

A conversation between Crimson and Watermelon, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#FFDCD0): A whisper-light, dusty orange — the color of sun-warmed clay.
• Watermelon (#F8646E): A luminous, vivid red — the color of late-summer berries.
• Cerulean (#00A1B2): A luminous, balanced blue — the color of deep harbor water.
• Crimson (#D20039): A full-bodied, vivid red — the color of embers at dusk.
• Midnight (#001F24): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.

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

• Dusty Tangerine Loft color palette (#F6DDCC, #F4700D, #00A2AB, #B34F00, #002022)
• Weathered Rose color palette (#FEE1DE, #EE4A44, #00959C, #3471A1, #2A0001)
• Hazy Raspberry color palette (#FFE3E2, #E26CB2, #00A591, #C4008D, #00201B)
• Washed Chapel color palette (#F5E9FF, #00B1C2, #FF494B, #4F2321, #110603)
• Misty Garnet color palette (#FFE9E0, #E5615F, #6D8600, #940019, #060900)
• Soft Marigold color palette (#FADFC6, #FA9C2E, #00BBD8, #C17200, #00343E)
• Aged Studio color palette (#F3E2F2, #E0495A, #675EDD, #9C002B, #170A4B)
• Soft Cobalt Bloom color palette (#F3DDC4, #E99E2C, #0081CF, #9A6300, #001C33)

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