Hushed Cobalt Courtyard color palette — #FBF2F7 · #97CFE0 · #387DB8 · #00624D · #2E3A55

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

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Sky (#97CFE0): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#387DB8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#00624D): A full-bodied, balanced teal — the color of sea glass.
• Navy (#2E3A55): 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 Courtyard 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

• Petrol Field color palette (#FFF0FD, #4FCCD8, #0077A4, #005934, #0F2E6A)
• Cerulean Veranda color palette (#F1F3E9, #ABD2BD, #3386AA, #005A64, #002337)
• Tempered Iris Grove color palette (#FCF2F5, #C3E0F9, #7287C5, #17706E, #414563)
• Dusty Ultramarine color palette (#E6F3E5, #81B7E8, #525DB9, #004F52, #37224E)
• Washed Petrol Alley color palette (#F1F5FF, #FCD0FF, #E0A398, #2E7291, #3A3C55)
• Ancient Indigo Study color palette (#DAE4FF, #705CF0, #617700, #1F663A, #212A45)
• Washed Lagoon Cabin color palette (#EEDFEF, #3BA1A0, #005267, #00330C, #00142C)
• Softworn Dune color palette (#FEF3EC, #C2EBD5, #6BBAF6, #00A195, #28395F)

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