Ancient Courtyard color palette — #E7F6F1 · #95BDB5 · #558259 · #3D5E46 · #002F29

Fern and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7F6F1): bright and airy, almost weightless.
• Ash (#95BDB5): A luminous, dusty teal — the color of sea glass.
• Fern (#558259): A full-bodied, dusty green — the color of a quiet forest floor.
• Pine (#3D5E46): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#002F29): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Muted Olive color palette (#EAF5ED, #96BEA9, #757A3F, #744A2D, #0C2F20)
• Worn Cabin color palette (#E6F6F3, #84AB8A, #327351, #305023, #002220)
• Pine Meadow color palette (#D2FCF7, #9CCAA2, #438D52, #004C1C, #002004)
• Worn Lagoon Chapel color palette (#F8F5E9, #ADB48C, #26856D, #744F45, #414700)
• Olive Villa color palette (#E5F6F2, #89B175, #2299CC, #397600, #002B3E)
• Smoked Spruce color palette (#CCEBE4, #48744B, #004223, #251E00, #000400)
• Washed Pier color palette (#F6F6ED, #C5C89D, #5DA16A, #8D6B27, #444600)
• Aged Teal Lantern color palette (#E9FAF4, #B9E5F4, #60AF9B, #9D6465, #19403D)

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