Hushed Cerulean color palette — #FCF1FA · #A7CCD9 · #0084AA · #00624A · #1C3D5B

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

The five colors

• Ivory (#FCF1FA): bright and airy, almost weightless.
• Sky (#A7CCD9): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0084AA): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#00624A): A full-bodied, balanced teal — the color of sea glass.
• Navy (#1C3D5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Hushed Cerulean 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 Cobalt color palette (#F1F7F1, #AFC8E1, #6376AA, #005E6B, #3B335C)
• Cerulean Lantern color palette (#F2F3EB, #B4D0BA, #168A9F, #005B5A, #002530)
• Washed Turquoise Market color palette (#EEF7F6, #B2DCEC, #44A4B8, #007C79, #064151)
• Cerulean Grove color palette (#F4E8F1, #418D9B, #00425D, #00231C, #00091B)
• Wandering Corridor color palette (#FEF2ED, #C9EACF, #24C2F6, #459E81, #10443A)
• Feathered Cobalt color palette (#DEF6E4, #A88A2F, #5973C6, #6A5300, #25325E)
• Washed Denim color palette (#F3E7EF, #60ABBF, #005E89, #003F36, #031C48)
• Muted Teal Workshop color palette (#E4FDEC, #CAE2AC, #70BB9E, #936445, #254739)

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