Washed Courtyard color palette — #F9F3F8 · #CBDBF5 · #3EB5E0 · #3A804E · #162F4E

Cyan and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Powder Blue (#CBDBF5): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#3EB5E0): A luminous, balanced blue — the color of deep harbor water.
• Fern (#3A804E): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#162F4E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, 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 Periwinkle Station color palette (#FAF3F5, #D9D4DE, #86A1F5, #007F7E, #282B4B)
• Dusty Lagoon Studio color palette (#FCF4E7, #A8EFF2, #64C1D7, #33A088, #164433)
• Wandering Cerulean Terrace color palette (#E8F5F2, #A4CFDE, #218B99, #005C55, #00252E)
• Timeworn Denim color palette (#F2E3EF, #6AAFB6, #005C7F, #002D18, #000107)
• Softworn Glacier color palette (#F8F3F8, #D2D5E5, #95D7EF, #779D7A, #3E4F62)
• Cobalt Canyon color palette (#FFF0FB, #92D9E6, #0083BF, #005439, #020431)
• Worn Ultramarine color palette (#F6EAEF, #7BC1E2, #0060D2, #003F37, #030011)
• Dusty Lagoon color palette (#E2FCF5, #B0DF7A, #EC68C5, #537D00, #3D1932)

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