Wandering Courtyard color palette — #EAEEE2 · #7DA8C9 · #005698 · #002938 · #000106

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

The five colors

• Cream (#EAEEE2): bright and airy, almost weightless.
• Blue Fog (#7DA8C9): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#005698): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#002938): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000106): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Wandering 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

• Washed Balcony color palette (#E8E8DF, #6FAFB1, #00606A, #002C28, #000102)
• Airy Ultramarine color palette (#EBF1E1, #91BBE4, #0D64C4, #003A53, #000014)
• Tempered Cobalt Balcony color palette (#DBF3F2, #3B87BE, #003D72, #00202E, #000720)
• Dusty Iris color palette (#FAE5FA, #9FADDB, #8C77D9, #004C7F, #00000D)
• Sapphire Hollow color palette (#E8DDD3, #7BA6C6, #3D6ED4, #005C64, #090029)
• Weathered Cobalt color palette (#F4F7E9, #A0D5EB, #0085B6, #00505B, #000E1B)
• Airy Forest Studio color palette (#C9F0E3, #0072A9, #0A6713, #002E48, #000200)
• Dusty Corridor color palette (#CFF0E6, #005890, #680090, #003B33, #000104)

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