Hushed Courtyard color palette — #FAF4F0 · #C2E0EC · #B7C2FD · #659E98 · #584755

Lavender and Eucalyptus set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Powder Blue (#C2E0EC): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender (#B7C2FD): A whisper-light, balanced violet — the color of a velvet chair.
• Eucalyptus (#659E98): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#584755): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Creativity, Sophistication, Softness, Clarity. 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

• Petrol Courtyard color palette (#F1F7F2, #D6DEF0, #7C9EB9, #457786, #435469)
• Weathered Azure Veranda color palette (#E9FAF2, #CDDFFE, #FFB99C, #49A6CF, #4C4540)
• Stone Hollow color palette (#E9FAF1, #E9D5D0, #8AC7C1, #AAA59A, #5B505B)
• Antique Periwinkle Chapel color palette (#FEF3E7, #DAD5E0, #89ABFF, #008695, #342B5F)
• Frosted Meadow color palette (#E7FDE2, #A7FAFF, #30BFE0, #4683A7, #5D455A)
• Timeworn Cobalt Cabin color palette (#FEF3EC, #97D7EA, #0082C0, #005249, #00072E)
• Tempered Field color palette (#E3FCF1, #93D6F9, #F1A783, #CE9463, #283E35)
• Ultramarine Thicket color palette (#F9EBDF, #86BEE6, #0A55EA, #003D42, #020012)

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