Hushed Courtyard color palette — #F8F0E9 · #AAD1C5 · #5479C7 · #005A63 · #321527

Built around Azure, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#F8F0E9): a clean, paper-quiet neutral.
• Oat (#AAD1C5): A whisper-light, dusty teal — the color of sea glass.
• Azure (#5479C7): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005A63): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#321527): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Cobalt Lantern color palette (#F7F0EC, #ABD2B9, #0086BA, #005D4E, #0A203E)
• Ancient Parlor color palette (#F3F7EC, #9DCAF2, #407ABD, #195A76, #273A5C)
• Pale Cobalt color palette (#FFEEE3, #68C9F0, #0075C4, #00524F, #0A0C4D)
• Softworn Denim color palette (#EADBD3, #3F97AC, #004F73, #002C25, #000313)
• Aged Iris color palette (#FEF1F5, #ABDBFF, #6D94DF, #227982, #37355B)
• Wandering Basin color palette (#FDEBFF, #F8CACE, #D8A3DC, #0A7F96, #342231)
• Navy Corridor color palette (#DEF3F6, #00A7C7, #006A99, #053982, #151A43)
• Powdered Cobalt Balcony color palette (#C7E9DF, #0081CD, #A25900, #6E5900, #001913)

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