Softworn Courtyard color palette — #F9EAE6 · #5F8267 · #00415B · #002110 · #000108

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

The five colors

• Cream (#F9EAE6): a clean, paper-quiet neutral.
• Fern (#5F8267): A full-bodied, dusty teal — the color of sea glass.
• Navy (#00415B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#002110): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000108): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Antique Denim color palette (#F5E3DC, #6F947A, #004F74, #002D1C, #00001E)
• Navy Workshop color palette (#EFE5DE, #40819D, #003979, #00201B, #01000A)
• Wandering Nightshade color palette (#EEE3D9, #77A1C7, #4249AE, #00393B, #120024)
• Timeworn Ridge color palette (#F2E6DF, #96BEA9, #1F6DB7, #004D3F, #110D39)
• Hazy Aubergine color palette (#F8DBE2, #B26E75, #945D00, #270080, #080003)
• Chestnut Chapel color palette (#FFE6D8, #70480E, #4B1600, #230009, #020100)
• Hazy Cobalt Hollow color palette (#FDEEE8, #97DDEC, #008BD0, #006548, #141E52)
• Garnet Balcony color palette (#FFE5F2, #6C004A, #1A3A00, #002418, #040002)

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