Soft Pier color palette — #FFF4E2 · #76D9FF · #0095DB · #007176 · #003167

A conversation between Cerulean and Ice Blue, giving this palette its sense of trust and stability.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ice Blue (#76D9FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0095DB): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007176): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003167): A deep, shadowed, balanced blue — the color of deep harbor water.

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

Use it as a design system

One click turns Soft 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

• Misty Cerulean Studio color palette (#FCF4E7, #6AE0E2, #009DB3, #00755D, #00394B)
• Weathered Station color palette (#E7FAF8, #CEDDF2, #00A7E3, #007080, #002740)
• Antique Cobalt color palette (#FFF2EA, #61C6EA, #0072B9, #005651, #1B2C6A)
• Washed Meadow color palette (#FFF0F8, #A3E5FF, #55B1FF, #009891, #17267A)
• Patina Balcony color palette (#FAF4EB, #BDF2E1, #84A7D8, #31879B, #573F51)
• Ultramarine Meadow color palette (#F4EADB, #6098CA, #2352AD, #003948, #050227)
• Pale Balcony color palette (#D1FFEF, #6FF3FF, #53C3FC, #34934D, #003C3B)
• Teal Pier color palette (#EAE1D2, #49B5B2, #007480, #004C38, #00171F)

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