Washed Courtyard color palette — #F9F4EF · #C8E8EB · #8297CF · #2E7C7A · #604C55

Blue Fog and Teal set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Frost (#C8E8EB): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#8297CF): A luminous, balanced violet — the color of wild irises.
• Teal (#2E7C7A): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#604C55): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Creativity, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Hushed Turquoise color palette (#FBF3F1, #C9ECE1, #64A4B8, #557955, #33514A)
• Weathered Workshop color palette (#EDF4EE, #D7DBEF, #7F9FC7, #3A7582, #2B364B)
• Cobalt Delta color palette (#EAF9F5, #87B4E3, #C88858, #4076AC, #524C46)
• Worn Alley color palette (#E4FBF3, #4FA1D2, #A7842E, #6E7837, #314840)
• Antique Ash color palette (#FBF2F6, #DAD4E1, #B0C8F0, #6EAEB4, #49526A)
• Wandering Cobalt Courtyard color palette (#FFF0FD, #A7CAF6, #5581C0, #29517C, #462D44)
• Softworn Petrol color palette (#F8ECE6, #7DBDCA, #006FA4, #005238, #1D2B54)
• Aged Forest color palette (#FFF2ED, #98DCE0, #008BB6, #006B36, #1F406D)

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