Softworn Courtyard color palette — #FBF3EF · #CCEFD7 · #7DABCD · #418B6E · #573E52

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

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Honeydew (#CCEFD7): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#7DABCD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#418B6E): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#573E52): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: 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

• Hushed Lagoon color palette (#FCF3F0, #C5E7DC, #70AFC4, #5F8660, #1F5247)
• Tempered Cypress color palette (#FBF3EE, #B4E0CB, #6F98CD, #007E6D, #36355E)
• Antique Studio color palette (#FAF4EE, #C6DFEF, #C8A4BF, #509394, #674855)
• Tempered Hollow color palette (#FFF1F2, #D487BB, #57AB8B, #2C8F91, #4B2F31)
• Aged Spruce color palette (#F7E6E1, #5BA0A1, #00617D, #003F17, #00091B)
• Ash Delta color palette (#FFF1F2, #E7D5CF, #CBCE9D, #9089BD, #5E403F)
• Ultramarine Chapel color palette (#F9ECE4, #5AAECB, #0067B8, #004B3E, #10053F)
• Driftwood Basin color palette (#FFF1F3, #DBA0DC, #52BB96, #A367A5, #114E3B)

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