Weathered Courtyard color palette — #CFE7E6 · #5B9AC4 · #005B9A · #00394B · #00081D

Built around Peacock, softened by Slate Blue — the whole palette hums with trust and stability.

The five colors

• Silver (#CFE7E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#5B9AC4): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#005B9A): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#00394B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00081D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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

• Hazy Atelier color palette (#CEE9E9, #71A7D8, #0064C1, #004661, #021037)
• Tempered Hollow color palette (#D0E9E4, #13A6A9, #00646D, #003C36, #000C0F)
• Nightshade Canyon color palette (#EDE1E6, #77A8CC, #364CA0, #002B2A, #020007)
• Dusty Chapel color palette (#D7E3D9, #5587A8, #003B76, #002128, #02012B)
• Feathered Lantern color palette (#EEE7DD, #7DAC9C, #2D75C6, #005B6A, #02002E)
• Glacier Balcony color palette (#E8FAF6, #59E2E4, #009FAB, #007367, #003A44)
• Antique Grove color palette (#EBF8F7, #CFDDFC, #70ABDA, #438499, #354A60)
• Ultramarine Pier color palette (#F4D8E0, #BE0068, #0047CE, #6A0037, #00031C)

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