Hushed Cerulean color palette — #FAF2F8 · #B9E4F7 · #4F91BF · #366F57 · #3A4861

Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Powder Blue (#B9E4F7): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#4F91BF): A luminous, balanced blue — the color of open sky before noon.
• Pine (#366F57): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#3A4861): A full-bodied, dusty violet — the color of a velvet chair.

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

• Tempered Ash Canyon color palette (#F1F7F0, #DADDEE, #8B97C2, #4C7682, #4E5068)
• Tempered Cobalt Balcony color palette (#FFF1F7, #9CCDE5, #4E78B8, #006156, #383558)
• Patina Cypress color palette (#F1F3EA, #C5E6D0, #5F97AA, #006C70, #093426)
• Hushed Atelier color palette (#F0E3F0, #009296, #004357, #00240B, #00091B)
• Aged Stone Ridge color palette (#F7F3FF, #EFD8CE, #D8BC91, #6A779A, #56495C)
• Softworn Peony Corridor color palette (#F7F3FF, #C55BAB, #009075, #007179, #3C324B)
• Tempered Teal color palette (#FAF4F0, #C5E9E4, #83C7F0, #34AE98, #583C59)
• Powdered Sapphire Garden color palette (#FFF1F7, #52C4FF, #205FEB, #005650, #35275F)

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