Hushed Cerulean color palette — #E7FAF6 · #C3E1FF · #00A5B1 · #006B5F · #00232A

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

The five colors

• Ivory (#E7FAF6): A whisper-light, dusty teal — the color of sea glass.
• Powder Blue (#C3E1FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#00A5B1): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006B5F): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#00232A): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Softworn Denim color palette (#D9EAE8, #68AEBF, #005E76, #002B2D, #000103)
• Cerulean Basin color palette (#EBF8F7, #93D8ED, #0086AE, #005058, #000E19)
• Hushed Sky Bloom color palette (#EBF9F7, #D5DEEA, #4ABBF1, #008597, #003958)
• Marigold Balcony color palette (#E6FCE9, #D99F00, #00A995, #805C00, #001E19)
• Tempered Petrol Canyon color palette (#E1F2F1, #83BEE9, #006AB4, #003B4E, #00020B)
• Tempered Brick color palette (#FFF4DC, #B58B00, #179B54, #B13D43, #120B00)
• Bronze Loft color palette (#E7FCE8, #C6B07F, #996D14, #643C00, #00180A)
• Tempered Thicket color palette (#E0FEE9, #A6EFD0, #C2DB97, #9E7A38, #241F00)

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