Washed Courtyard color palette — #F8F0EB · #ACD2BA · #2582C3 · #005E46 · #171D3F

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F8F0EB): bright and airy, almost weightless.
• Pistachio (#ACD2BA): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#2582C3): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005E46): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#171D3F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Calm, 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

• Aged Forest Cabin color palette (#FAEFEC, #96D5D1, #008AA6, #1F5E1D, #002720)
• Patina Dune color palette (#FDEFE4, #A3D8F6, #3C7BF4, #00635B, #261C48)
• Ancient Iris Alley color palette (#F6F1EC, #C6E4D9, #738CC4, #116C68, #3F2130)
• Aged Cerulean color palette (#FAF4EC, #8ED1E4, #3881A5, #00605E, #0D443A)
• Frosted Sapphire color palette (#F1E7DD, #8BB9DF, #4B5ECA, #004B4C, #1C0A32)
• Sky Alley color palette (#F0F7F2, #D9E0EB, #52B2E1, #007F7D, #183047)
• Muted Navy color palette (#F3E8E1, #3D829B, #003B73, #00201A, #01000A)
• Hushed Workshop color palette (#EFE3DB, #71A5BB, #0056AB, #003A32, #0A002D)

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