Softworn Courtyard color palette — #FAF4F0 · #BFE2E7 · #74C9DE · #439569 · #17493B

A conversation between Fern and Sky, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#BFE2E7): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#74C9DE): A luminous, balanced blue — the color of open sky before noon.
• Fern (#439569): A luminous, balanced teal — the color of sea glass.
• Forest (#17493B): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Worn Lagoon color palette (#FBF4EF, #C0E2F0, #87C2F2, #00968B, #303E5F)
• Patina Cerulean Alley color palette (#F2F3E8, #AAEAE9, #3A9EA6, #296B60, #153321)
• Hushed Hollow color palette (#F7EBE6, #70C6D1, #007193, #003F2F, #000308)
• Soft Cobalt color palette (#FFF2EB, #99D6ED, #0080C9, #00524C, #010137)
• Muted Field color palette (#F3FAD4, #AAF2E8, #65B378, #00683D, #002510)
• Pine Terrace color palette (#FFF4DE, #D2D893, #8DB457, #27883B, #134E3A)
• Hazy Pier color palette (#F5F7E5, #B5E3B1, #CCA9EF, #4AA047, #422E55)
• Tempered Canyon color palette (#F6F7E3, #C6EBDA, #CFC6D2, #B2B066, #3F4C00)

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