Softworn Courtyard color palette — #E7F1F2 · #BFCFD8 · #92A2B6 · #006359 · #1F3135

Pine and Blue Fog set the tone — five colors that lean into sophistication.

The five colors

• Cream (#E7F1F2): bright and airy, almost weightless.
• Oat (#BFCFD8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#92A2B6): A luminous, dusty blue — the color of deep harbor water.
• Pine (#006359): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#1F3135): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Aged Atelier color palette (#E4EBE4, #C1D0C4, #91AB9B, #006263, #0B1A0C)
• Wandering Harbor color palette (#D8E6EB, #AABBCC, #868EA2, #004E56, #152126)
• Weathered Cypress color palette (#E5F1F4, #CDDADF, #A5BBC7, #008282, #1C3238)
• Aged Turquoise Parlor color palette (#E2F6EB, #55A7BE, #686595, #375239, #143C34)
• Petrol Villa color palette (#F1F5FD, #E1D6E6, #C4B5D1, #5264AD, #3A404B)
• Navy Market color palette (#E6EBF3, #9498B1, #756A88, #002662, #030914)
• Powdered Hollow color palette (#D6EBD7, #8A942F, #016728, #164454, #003224)
• Wandering Navy Canyon color palette (#F6D2E9, #008A7B, #00479F, #5A1B05, #002A30)

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