Softworn Courtyard color palette — #F1FBCE · #B3E3C6 · #71A9B8 · #965B58 · #613A00

Built around Bronze, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Custard (#F1FBCE): A whisper-light, dusty green — the color of new leaves after rain.
• Mint (#B3E3C6): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#71A9B8): A luminous, dusty blue — the color of open sky before noon.
• Walnut (#965B58): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#613A00): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Hazy Cobalt Summit color palette (#CFFACA, #72BEB4, #447EA7, #774838, #543C00)
• Tempered Meadow color palette (#F1FCC7, #B6F5D2, #7BB4C1, #7B607F, #4C3350)
• Ancient Periwinkle color palette (#D7FFF6, #C6E0FF, #869ED9, #8E6F3B, #4F3911)
• Cocoa Lantern color palette (#DCFFEA, #8CCECD, #7494B4, #704728, #43240A)
• Hushed Boulevard color palette (#D3F0E8, #6AADC8, #64729F, #573A0C, #2A1900)
• Washed Chapel color palette (#DEF3F2, #56A1D5, #5F5A92, #3F3600, #060700)
• Tempered Harbor color palette (#E6FBF4, #ACE9C2, #17A897, #5F7343, #0C3720)
• Ancient Powder Harbor color palette (#E7F9FF, #95C3FF, #A386B8, #6F642F, #382F00)

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