Quiet Pier color palette — #FCF1FB · #CFD7EC · #2FBCFC · #008D58 · #173169

Cyan takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FCF1FB): a clean, paper-quiet neutral.
• Powder Blue (#CFD7EC): A whisper-light, dusty violet — the color of wild irises.
• Cyan (#2FBCFC): A luminous, balanced blue — the color of deep harbor water.
• Fern (#008D58): A full-bodied, balanced teal — the color of sea glass.
• Navy (#173169): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light.

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

• Timeworn Coast color palette (#FCF2F6, #D8D4DF, #87ACFF, #008882, #392860)
• Hazy Garden color palette (#FFF0FC, #D3DAF6, #06A3F3, #007655, #11195D)
• Powdered Terrace color palette (#FCF4E8, #B1F2F9, #00CAF4, #00A893, #0D4560)
• Softworn Cerulean color palette (#FFF2ED, #76E1EB, #008BBA, #076A3D, #283F67)
• Teal Atelier color palette (#F9F3F7, #D7D4E0, #BEC0ED, #52A390, #444D63)
• Muted Petrol color palette (#F6E9F6, #83C4C8, #007195, #00411F, #00020C)
• Ultramarine Ridge color palette (#F2E4EA, #77AAC4, #0D4DB1, #002C27, #010008)
• Washed Cobalt Grove color palette (#FFF1F7, #ADD0ED, #5374CF, #00524F, #12002C)

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