Quiet Pier color palette — #FFF2EA · #75DAFF · #1B8CFA · #007462 · #2D2A5F

Azure takes the lead with Ice Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Ice Blue (#75DAFF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Azure (#1B8CFA): A luminous, vivid blue — the color of a favorite pair of jeans.
• Teal (#007462): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#2D2A5F): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, 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

• Cerulean Harbor color palette (#F5ECE8, #95D0D7, #0092C7, #007043, #172C55)
• Azure Summit color palette (#FDF3ED, #BDDEC9, #389CE7, #137E62, #4D2F45)
• Sapphire Study color palette (#EDE3DC, #73BCDF, #3171D2, #005A50, #1E1642)
• Weathered Sky Pier color palette (#E9FBEC, #29C9F9, #0076AC, #005558, #0C335E)
• Hazy Sky color palette (#F3F8E2, #A3E5FF, #18B9F9, #0095A9, #003656)
• Aged Navy Study color palette (#CCE9DF, #00BAB5, #008DAF, #00528D, #1E2A73)
• Sky Cabin color palette (#D7ECFF, #53BDFF, #0082C0, #004A72, #001D2E)
• Bronze Grove color palette (#CAECF6, #009DB9, #AB7400, #706B00, #002932)

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