Softworn Lagoon Courtyard color palette — #FFF3E9 · #A4AF6D · #0F8B72 · #73496A · #484841

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sage (#A4AF6D): A luminous, balanced green — the color of fresh herbs.
• Fern (#0F8B72): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#73496A): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal (#484841): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Fern Corridor color palette (#FFF2EB, #88B58C, #208690, #7B4851, #375110)
• Olive Meadow color palette (#FFF3E5, #CE9C67, #69813C, #57547A, #4B4741)
• Worn Mint Canyon color palette (#E0F8EE, #8FB97F, #478866, #27586F, #1B312E)
• Ash Meadow color palette (#F9F4EF, #C6EBEE, #809AC7, #357A81, #604B58)
• Muted Chestnut color palette (#FCF5E1, #C6CDB6, #819D84, #7E645D, #744803)
• Petrol Balcony color palette (#FFF2EB, #3CAC9C, #0071A7, #753B25, #2B4430)
• Softworn Loft color palette (#FFF2EA, #51A32C, #006E6F, #800246, #103F2A)
• Chartreuse Grove color palette (#F5F6EB, #C6DECA, #98DF83, #3DB2B5, #43463F)

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