Weathered Courtyard color palette — #ECDBD2 · #38B3CC · #00598B · #002D1F · #00000B

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

The five colors

• Bone (#ECDBD2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Cyan (#38B3CC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00598B): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#002D1F): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#00000B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Softworn Corridor color palette (#FCEADF, #6FC4DE, #006AB2, #003F31, #020013)
• Aged Abyss color palette (#ECE1E9, #418C9E, #004160, #00231D, #000720)
• Muted Drift color palette (#D9F1EE, #64ADBF, #0080A2, #005C62, #000B13)
• Aged Lilac Ridge color palette (#D0ECF2, #82B4F5, #A372B5, #005342, #000103)
• Timeworn Parlor color palette (#CDEFDD, #007694, #962700, #00303F, #040000)
• Airy Cerulean Corridor color palette (#FFF2ED, #73DFE6, #0086B0, #00552B, #000B25)
• Hushed Iris Summit color palette (#FFF3E8, #CCEAFF, #6B8EE3, #006A66, #21163A)
• Cocoa Loft color palette (#DDEFF2, #00606C, #653B00, #492900, #000102)

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