Weathered Courtyard color palette — #D4FAFE · #A8E7E2 · #59C8D9 · #278363 · #00282F

Built around Aqua, softened by Fern — the whole palette hums with trust and stability.

The five colors

• Frost (#D4FAFE): A whisper-light, dusty blue — the color of deep harbor water.
• Sea Foam (#A8E7E2): A whisper-light, dusty teal — the color of glacier melt.
• Aqua (#59C8D9): A luminous, balanced blue — the color of deep harbor water.
• Fern (#278363): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#00282F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged pastel, light, muted, cool.

Use it as a design system

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

• Muted Sky color palette (#E0F6FF, #C7D8F9, #70B5E6, #008382, #072C3C)
• Olive Workshop color palette (#D9FBF0, #B7DEE7, #94C9A6, #6D7001, #002D26)
• Weathered Cerulean Lagoon color palette (#DAECEF, #63BBBE, #0095AE, #005F4A, #001414)
• Hushed Sky Courtyard color palette (#F0F9E2, #B3E9DB, #7DB5E3, #5F763F, #36472E)
• Timeworn Moss color palette (#DBFDFE, #BEE4F3, #CCBDDD, #71A149, #0A3A42)
• Chestnut Hollow color palette (#D0E7D7, #7AA48C, #776222, #523900, #001E12)
• Hushed Periwinkle color palette (#E5EDDE, #7EA4FF, #00ACBB, #0C222E, #000F15)
• Muted Terracotta color palette (#D6EFEB, #4F853D, #A43E3E, #683400, #001411)

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