Hushed Cobalt Pier color palette — #F9EAF0 · #9ECBE8 · #6183D2 · #006C67 · #30254E

Azure and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F9EAF0): bright and airy, almost weightless.
• Sky (#9ECBE8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#6183D2): A luminous, balanced violet — the color of wild irises.
• Teal (#006C67): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#30254E): A deep, shadowed, dusty violet — the color of wild irises.

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

• Wandering Iris Hollow color palette (#F0F8EF, #B9D8F6, #8190D6, #007B7F, #413254)
• Weathered Bloom color palette (#FBF4ED, #CAEBFF, #638EEB, #006A64, #211440)
• Wandering Forest color palette (#F5EBF5, #8CD3D1, #0095B7, #1D702C, #002F57)
• Petrol Balcony color palette (#F4EEE3, #91BCAC, #2D6AAA, #004E5A, #1C2B55)
• Pine Ridge color palette (#FFF0FD, #9FE9F4, #47A6D8, #008756, #253D71)
• Violet Canyon color palette (#C9E5DB, #9EB646, #885AC2, #5B6C00, #321A4E)
• Timeworn Orchard color palette (#FBF2F5, #DBDEED, #A0B2D4, #4D9494, #4E5068)
• Petrol Veranda color palette (#F7E9F1, #6AADC1, #016AAF, #004C3B, #0D0047)

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