Hushed Pier color palette — #FAF4F0 · #CBE5C8 · #3899AB · #257346 · #2D5043

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

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Celadon Mist (#CBE5C8): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#3899AB): A luminous, balanced blue — the color of deep harbor water.
• Pine (#257346): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#2D5043): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, 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

• Dusty Quarry color palette (#FAF4F0, #C9E4D4, #3B93C8, #007265, #544053)
• Tempered Pier color palette (#E9F5F2, #ABEAE5, #4B9C9E, #216C5C, #13303B)
• Hushed Cerulean Hollow color palette (#FBF3F0, #93D1D9, #0084AC, #00624C, #203C59)
• Ancient Grove color palette (#F3E2DA, #2CA1A8, #005267, #003121, #001527)
• Dusty Mallow Garden color palette (#E2FCF5, #E8DFEC, #ECAEE1, #488999, #534150)
• Washed Teal color palette (#F0F7F1, #CBE0F3, #74CED8, #5CAA8A, #254D61)
• Bronze Loft color palette (#FFEFFF, #548ACF, #AB6B00, #7D6700, #443045)
• Cornflower Drift color palette (#FCF3EB, #A6D4FC, #5077E4, #006571, #3E3964)

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