Hushed Pier color palette — #DFFCFB · #7FBEF6 · #006CCF · #005170 · #1A305F

Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#DFFCFB): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#7FBEF6): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#006CCF): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#005170): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#1A305F): A deep, shadowed, balanced violet — the color of wild irises.

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

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

• Soft Bloom color palette (#DFFCF9, #30CBEE, #00799B, #00555B, #003850)
• Feathered Boulevard color palette (#FCF4E7, #9BD1FF, #508AEA, #006F87, #232476)
• Cerulean Ridge color palette (#ECF8F6, #A8EAEF, #5096A3, #2A6F6A, #284D5F)
• Hushed Cerulean Market color palette (#CFE7E3, #2E9FB5, #005267, #002F32, #001721)
• Periwinkle Balcony color palette (#FFF1F6, #B9DFFF, #8FA3FF, #00979A, #3F1E63)
• Airy Scarlet color palette (#FCDBDA, #D30033, #7D5F00, #7B0D9E, #49030D)
• Patina Tangerine color palette (#FFF1F0, #FFBFAA, #ED7900, #9F384D, #58261D)
• Dusty Amber color palette (#C8E8CA, #B08700, #785300, #563300, #322800)

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