Hushed Courtyard color palette — #FAF4EF · #B0CDBF · #5479B0 · #006156 · #38355A

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

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Pistachio (#B0CDBF): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#5479B0): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006156): A full-bodied, dusty teal — the color of sea glass.
• Navy (#38355A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Linen Cobalt Study color palette (#FFF2EC, #76C5D7, #0074B1, #00583F, #1D2872)
• Wandering Azure color palette (#FAF4EB, #B0E1CB, #289DEB, #007B84, #253B5C)
• Pine Market color palette (#FBF3F1, #CDE4CC, #5295AB, #2A7334, #553E59)
• Dusty Denim color palette (#F4E0D9, #579CA2, #00516D, #003219, #001135)
• Feathered Pine Station color palette (#DFE1CD, #6BA463, #008259, #005952, #003D4A)
• Patina Lagoon color palette (#FBF2F7, #C0E6FF, #8AB4EE, #319F8F, #2F3959)
• Hushed Bloom color palette (#E1FFDD, #53B4AD, #006D63, #003F3C, #002928)
• Weathered Denim color palette (#F2E6DC, #79AA9B, #3D509E, #003E3E, #261143)

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