Hushed Pier color palette — #FBF3EE · #B1E6FB · #558FC3 · #226F6A · #583E53

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

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Powder Blue (#B1E6FB): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#558FC3): A luminous, balanced blue — the color of deep harbor water.
• Teal (#226F6A): A full-bodied, dusty teal — the color of sea glass.
• Cocoa (#583E53): A full-bodied, dusty pink — the color of neon signs at night.

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

• Muted Cypress color palette (#FEF2ED, #A9EAEC, #4F95AB, #317054, #2B5045)
• Tempered Cobalt Corridor color palette (#FFF2EB, #76DEFF, #1586C9, #00675E, #2A3E69)
• Softworn Lantern color palette (#F8F0EB, #C9E4D6, #6D90BB, #0D6E5D, #401F35)
• Lagoon Garden color palette (#FBF2F7, #D2DFF9, #88A7CE, #398B7A, #3B4668)
• Teal Coast color palette (#EFF9E7, #0EB999, #B86C9E, #007761, #5A344D)
• Cerulean Alley color palette (#F6E5DD, #0091A1, #00425B, #00231A, #00091A)
• Tempered Teal color palette (#ECE0D9, #32B3B2, #006274, #004125, #002235)
• Soft Mint color palette (#D5FFFA, #40D1BF, #008B7A, #005146, #00332E)

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