Weathered Courtyard color palette — #E2F1F9 · #C7D1DD · #A0A4BF · #00566B · #000306

Peacock and Mauve set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E2F1F9): bright and airy, almost weightless.
• Silver (#C7D1DD): bright and airy, almost weightless.
• Mauve (#A0A4BF): A luminous, dusty violet — the color of twilight just after sunset.
• Peacock (#00566B): A full-bodied, dusty blue — the color of deep harbor water.
• Ink (#000306): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Abyss Bloom color palette (#D5E0E7, #8FA2B5, #6C7C99, #003C50, #00050B)
• Dusty Emerald Station color palette (#C8EBDA, #639E6B, #005A50, #002E4A, #000200)
• Petrol Atelier color palette (#E2ECE7, #9DB6B9, #BA9DB4, #007DA2, #061811)
• Antique Grape color palette (#F3F4FF, #E4D4E1, #CAB1CB, #6A49A5, #090A1C)
• Washed Pewter color palette (#DBF4F3, #6C97BD, #7D5487, #283400, #050900)
• Nocturne Denim color palette (#DAE9FC, #004D92, #21161C, #090018, #000103)
• Garnet Meadow color palette (#D2EAF2, #00757D, #74001B, #181600, #010100)
• Patina Nightshade Canyon color palette (#DCEAE1, #00878D, #321EAD, #221A00, #000103)

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