Fern Courtyard color palette — #F9F6E5 · #CDE9D3 · #9CC5CB · #B49965 · #4E5300

Deep Olive and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F6E5): A whisper-light, dusty green — the color of fresh herbs.
• Celadon Mist (#CDE9D3): A whisper-light, dusty teal — the color of sea glass.
• Ash (#9CC5CB): A luminous, dusty blue — the color of deep harbor water.
• Camel (#B49965): A luminous, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#4E5300): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Fern 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

• Washed Taupe color palette (#F1F8EB, #C9E5DF, #CFBDC8, #94AB75, #495643)
• Soft Lantern color palette (#F7F8D5, #B3F6E4, #78DBF6, #9D8E00, #165231)
• Muted Cocoa Workshop color palette (#FFF2EB, #DFC5AE, #B9927A, #92695D, #604100)
• Lagoon Workshop color palette (#EFECCF, #78B897, #00969E, #614E00, #001504)
• Washed Powder color palette (#E4FBF4, #BFE7F1, #8BCFE7, #678F80, #3C534F)
• Timeworn Bronze color palette (#F1F7EF, #67BDAF, #9B92CD, #AB6262, #344230)
• Softworn Fern color palette (#F3F7ED, #E8CBB1, #518C70, #415611, #292D21)
• Airy Iris Lantern color palette (#D7F3D7, #70C0DC, #7E8EF6, #006943, #001C1F)

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