Hushed Courtyard color palette — #F3F7EC · #A9CEC3 · #507BAA · #005B7A · #213A63

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

The five colors

• Ivory (#F3F7EC): a clean, paper-quiet neutral.
• Pistachio (#A9CEC3): A whisper-light, dusty teal — the color of sea glass.
• Slate (#507BAA): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005B7A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#213A63): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Tempered Garden color palette (#F5F6EA, #B9D7BD, #008FA0, #006761, #004857)
• Aged Lagoon color palette (#EEF0E3, #7FBDC9, #00748D, #004F51, #003345)
• Cobalt Drift color palette (#F7F0E9, #A3CDEF, #4E77D3, #005A63, #331327)
• Timeworn Iris color palette (#FBF3F5, #B8D9F6, #6791EF, #007A86, #303957)
• Muted Powder color palette (#E8F9F9, #C6E4FF, #7EB5F7, #4296BD, #293A5A)
• Timeworn Cerulean Lagoon color palette (#EAECDE, #4B9CB0, #005268, #002F33, #001622)
• Aged Petrol Pier color palette (#F4F6EF, #CBE1E3, #72A597, #257995, #5E4B5F)
• Wandering Mulberry color palette (#FFE9E4, #C96D80, #5A73C3, #A10043, #213068)

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