Weathered Courtyard color palette — #EDDFD8 · #649E9D · #006374 · #003E22 · #000B14

Peacock and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#EDDFD8): bright and airy, almost weightless.
• Eucalyptus (#649E9D): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#006374): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#003E22): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000B14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, 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

• Weathered Denim color palette (#EBE2DC, #659BB1, #005B97, #003C39, #02002E)
• Antique Teal color palette (#ECE0E8, #2AB8B5, #005F6F, #002D17, #000103)
• Muted Lagoon Orchard color palette (#D9EDE8, #498E8C, #00454A, #00231D, #000C0F)
• Hushed Courtyard color palette (#E6E7D7, #30B6B3, #00848B, #005E52, #000C0F)
• Chalky Sapphire color palette (#F2E6DC, #8DB7D3, #2B70D8, #00585D, #1A1151)
• Quiet Atelier color palette (#F9EBE5, #94CFDF, #1E90CA, #006D5F, #112C57)
• Dusty Cocoa color palette (#FDEDD5, #9AA65A, #37956D, #792F00, #131000)
• Bronze Boulevard color palette (#F2E9CE, #957A00, #564400, #281C00, #020200)

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