Weathered Courtyard color palette — #FCF0FF · #ABF1B2 · #6DACC3 · #7C6A88 · #2A4448

A conversation between Mint and Cyan, giving this palette its sense of nature and growth.

The five colors

• Blush (#FCF0FF): A whisper-light, dusty pink — the color of neon signs at night.
• Mint (#ABF1B2): A whisper-light, balanced green — the color of fresh herbs.
• Cyan (#6DACC3): A luminous, dusty blue — the color of deep harbor water.
• Slate (#7C6A88): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#2A4448): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.

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

• Straw Cabin color palette (#FFF0F8, #F3DC87, #69B39B, #6F6F8F, #2D453E)
• Softworn Seafoam color palette (#F7F6E5, #9BE2C7, #7ABCB8, #778CB4, #404C39)
• Worn Pier color palette (#E9F9F7, #96E0A3, #B588B3, #895C66, #433048)
• Aged Denim color palette (#E3F7F2, #7FB6BD, #428586, #3D4F82, #0E3237)
• Frost Garden color palette (#DBFEF7, #D3E2EF, #B1C0D1, #938590, #594755)
• Glacier Harbor color palette (#E9FBE8, #57E3EB, #838CCC, #7E5C2E, #213441)
• Muted Teal Pier color palette (#E7F9FC, #3AC7AE, #435864, #1F2E30, #091110)
• Timeworn Fern Garden color palette (#FFF2EB, #91B290, #3B8489, #7F464E, #39510D)

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