Quiet Courtyard color palette — #FAF4EC · #A8E9E6 · #00AFC0 · #008663 · #004759

A conversation between Cyan and Fern, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Sea Foam (#A8E9E6): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00AFC0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#008663): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#004759): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Quiet 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

• Frosted Azure color palette (#FAF4EC, #AAE5FC, #17A6EE, #008286, #18406F)
• Muted Studio color palette (#F8F5EF, #CDE4E0, #7EBBD3, #27998D, #2C5347)
• Tempered Cerulean color palette (#F5EDE2, #B1CDB5, #0096B3, #006E5E, #003248)
• Linen Aqua color palette (#FCF1FD, #89FBF5, #00CAF3, #61A35E, #144269)
• Timeworn Crimson Bloom color palette (#FFF2EE, #F38B92, #00B1B3, #DD0047, #004445)
• Tempered Denim Thicket color palette (#EAE0D2, #769D87, #006086, #003B3B, #000919)
• Wandering Cobalt color palette (#EAE5DC, #84BAD1, #007CB7, #00585C, #001E43)
• Pale Ultramarine Alley color palette (#F1E7D8, #7DA6CD, #205CD2, #004759, #0D0343)

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