Hushed Courtyard color palette — #F0F7F2 · #D4DCF2 · #7DA9D4 · #008A99 · #344866

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

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Powder Blue (#D4DCF2): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#7DA9D4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#008A99): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#344866): 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 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

• Antique Azure color palette (#ECF9EE, #BCE1F8, #1EA4F5, #00818A, #1A3F73)
• Hushed Chapel color palette (#FAF4EB, #C1E4F6, #92C0EC, #3D8F9B, #4F354D)
• Tempered Petrol Bloom color palette (#DFEBE1, #8BBAC9, #00829A, #005B4B, #002332)
• Tempered Chapel color palette (#F0F7F2, #B0DDE8, #2CA7B4, #00805B, #004251)
• Denim Hollow color palette (#DFEBE1, #559EB2, #006083, #003B3A, #000A17)
• Worn Pier color palette (#DBE4DC, #84A6C4, #1560CB, #004858, #0B0048)
• Antique Moss Drift color palette (#FCF1FF, #DC889D, #88A548, #388DCB, #442F4A)
• Hushed Bloom color palette (#E8F2E9, #A8C9E3, #5389CA, #00697B, #1B285D)

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