Washed Courtyard color palette — #FBF3F0 · #CCE7E1 · #5DA4C0 · #427C66 · #37514A

A conversation between Cyan and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Silver (#CCE7E1): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#5DA4C0): A luminous, balanced blue — the color of open sky before noon.
• Teal (#427C66): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#37514A): A full-bodied, dusty teal — the color of sea glass.

Feels like: 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

• Wandering Cerulean Lagoon color palette (#FBF3F0, #CAE4D1, #4494BA, #14725D, #553E57)
• Hushed Ash Market color palette (#EAF5F2, #CBDEF3, #75A4B9, #43737F, #223946)
• Turquoise Delta color palette (#F5F6EE, #C7E7E1, #80BCC9, #728F6F, #41594C)
• Washed Amber color palette (#EEF8F0, #76BEC4, #CD836A, #00828B, #534B47)
• Antique Coral color palette (#E8FBEA, #48A9AD, #C76974, #936E43, #374739)
• Wandering Denim Loft color palette (#F5E6DE, #6EABAD, #006177, #004029, #002238)
• Softworn Abyss Grove color palette (#EDDCD3, #4D8B99, #00425E, #00231C, #00081E)
• Cerulean Workshop color palette (#E3FDEE, #98D4EB, #008EAE, #005B71, #1B412E)

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