Hushed Pier color palette — #F4F6F0 · #CCE2E4 · #C4A5C7 · #3A91B7 · #5F4B5D

Cerulean takes the lead with Mauve close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F4F6F0): a clean, paper-quiet neutral.
• Silver (#CCE2E4): A whisper-light, dusty blue — the color of open sky before noon.
• Mauve (#C4A5C7): A luminous, dusty pink — the color of neon signs at night.
• Cerulean (#3A91B7): A luminous, balanced blue — the color of open sky before noon.
• Charcoal Brown (#5F4B5D): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Hushed 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 Cerulean Alley color palette (#F4F6F0, #CBE3E4, #8BBEAE, #4292AA, #5F4A62)
• Timeworn Iris Field color palette (#FFF2EF, #D79FAF, #C89B6C, #9783D2, #563A36)
• Patina Market color palette (#EEEFE7, #ABCEBA, #0093BE, #006A74, #003249)
• Hushed Cobalt Canyon color palette (#DDE1D5, #90BCAD, #2378C0, #00556F, #001D47)
• Tempered Lagoon Workshop color palette (#F5F6EF, #C1E7DB, #5AB5BB, #198D7B, #0B515A)
• Timeworn Cypress color palette (#E0E1D4, #649E9F, #00646D, #003C35, #000C0F)
• Weathered Thicket color palette (#FFF2ED, #E0D9CE, #AEBBC7, #CB9098, #773B1A)
• Dusty Garden color palette (#FFF1F1, #F0B7CA, #D48999, #AD5A68, #574F4C)

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