Worn Courtyard color palette — #FBF3F0 · #BEE4E8 · #7ABDCD · #639374 · #395047

Built around Cyan, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Silver (#BEE4E8): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#7ABDCD): A luminous, dusty blue — the color of open sky before noon.
• Fern (#639374): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#395047): A full-bodied, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Teal Atelier color palette (#EDF8F5, #CCE1F5, #5DA7AB, #427880, #3C5762)
• Worn Corridor color palette (#FEF0FD, #E8D6D7, #C2AA94, #89B19A, #5D4B57)
• Wandering Petrol color palette (#F8E6DE, #67AFBA, #007094, #004C3B, #00142C)
• Apricot Veranda color palette (#FEF0FF, #80B6F0, #D8944C, #999652, #4B3C4D)
• Pale Ridge color palette (#FFF2EC, #A5E8F6, #00A8E7, #00856F, #254065)
• Apricot Workshop color palette (#FCF1FB, #A3C5FF, #E2A268, #6A8CC7, #524C46)
• Washed Sapphire Drift color palette (#F0E9E1, #8BB6DC, #486BD8, #005862, #1F1641)
• Faded Cobalt color palette (#F5EDE8, #A2D1B8, #008DDC, #006D65, #1E2C4F)

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