Hushed Cobalt Pier color palette — #FFF2EB · #A5D1BA · #447BB7 · #006151 · #34365C

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Pistachio (#A5D1BA): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#447BB7): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006151): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#34365C): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Hushed Cobalt 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

• Cornflower Drift color palette (#FFF3E7, #AAD4F2, #5878DA, #006764, #45346A)
• Timeworn Navy color palette (#FFF2EC, #73C7D3, #0077A7, #005938, #122C6F)
• Muted Cerulean color palette (#EEF4EF, #AECCDF, #3E83AF, #005B5E, #06213F)
• Azure Alley color palette (#F9F4ED, #B8DFCB, #599DCA, #007B7F, #1E3C5F)
• Antique Lagoon color palette (#F0E1DD, #36A1A3, #005269, #003311, #00132E)
• Washed Raspberry Alley color palette (#FFDAD9, #AF5689, #007E73, #005F71, #411E32)
• Softworn Navy color palette (#F1E0D3, #4E89A3, #00397E, #00231E, #090028)
• Softworn Grove color palette (#FAF3F7, #B3EAFE, #72B6FF, #25A188, #2E3958)

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