Wandering Courtyard color palette — #FAF2F8 · #A0CDDF · #3E80A5 · #0E6240 · #283B58

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

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Sky (#A0CDDF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#3E80A5): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#0E6240): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#283B58): A deep, shadowed, dusty blue — the color of open sky before noon.

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 Forest Field color palette (#FBF1FC, #6BCAC5, #007A94, #095A0E, #00355C)
• Cerulean Alley color palette (#FBF2F6, #C5E1F3, #658CC0, #247063, #3B4668)
• Weathered Quarry color palette (#F6F1EA, #B0D1B8, #0089AB, #005C53, #002337)
• Timeworn Petrol Harbor color palette (#FAE9F0, #92B6D1, #4465AC, #00504B, #2F264F)
• Muted Onyx color palette (#F4E6F0, #408C9D, #004064, #002317, #03002E)
• Washed Teal Dune color palette (#E7FBEC, #D1E5AB, #67C5BC, #955E4C, #27453B)
• Aged Sky Basin color palette (#FBF3EF, #C9EACF, #3ABFFD, #509E74, #283A5B)
• Indigo Villa color palette (#E2F5E1, #B78235, #7D66C3, #764C00, #382960)

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