Weathered Courtyard color palette — #F4E6EC · #2983A5 · #00387A · #00201B · #01000A

Navy and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F4E6EC): bright and airy, almost weightless.
• Cerulean (#2983A5): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#00387A): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#00201B): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Sophistication. 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

• Linen Coast color palette (#F9E8EF, #3D94C0, #113FA2, #002C29, #050018)
• Hazy Turquoise Archive color palette (#EBDAE6, #32ADC4, #005E8E, #003B29, #03032D)
• Softworn Dune color palette (#F1E4F2, #6BC5C2, #007793, #005013, #00162E)
• Aged Peony color palette (#DCE6FF, #C266B2, #9E4540, #00314E, #02000C)
• Gentle Indigo Ridge color palette (#FFECF2, #7AC2FF, #5360DE, #005153, #220B3A)
• Antique Corridor color palette (#F7EFF4, #AEE6FD, #6590C4, #0E6E5E, #242B40)
• Eclipse Ultramarine color palette (#DFF1FF, #1927D0, #2D0073, #21002D, #060004)
• Aubergine Harbor color palette (#EBEBFF, #3B00A0, #0F3C00, #00241A, #010009)

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