Weathered Courtyard color palette — #E9F9FB · #F8C3B3 · #4F8A7C · #2E5459 · #1D2F31

Built around Fern, softened by Wheat — the whole palette hums with sophistication.

The five colors

• Ivory (#E9F9FB): bright and airy, almost weightless.
• Wheat (#F8C3B3): A whisper-light, dusty orange — the color of autumn markets.
• Fern (#4F8A7C): A full-bodied, dusty teal — the color of sea glass.
• Peacock (#2E5459): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#1D2F31): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Sophistication. Tagged luxury, dark, 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

• Shell Terrace color palette (#EEF6FF, #F2B1B1, #517597, #2D455B, #18232E)
• Lagoon Orchard color palette (#F2F7EE, #D8D6CB, #3D9882, #3B4C2E, #181D14)
• Tempered Teal color palette (#EDF8F7, #F2DBAC, #73AE8B, #4E7575, #232E2D)
• Antique Grove color palette (#EDF8F6, #B6DDBA, #8997D5, #689B6E, #282E3A)
• Dusty Corridor color palette (#F3F7ED, #D1BD9E, #546623, #313F00, #202822)
• Weathered Turquoise color palette (#ECF7FF, #72B2D6, #5889AF, #8D5861, #203537)
• Muted Blush color palette (#D0E1E9, #E18692, #006070, #002F37, #000D15)
• Tempered Thicket color palette (#EEF7F9, #D7DAE1, #B7AFB9, #78A4AD, #495558)

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