Fern Veranda color palette — #F2F3E9 · #C0C99E · #628E75 · #64661B · #30322B

A conversation between Olive and Fern, giving this palette its sense of nature and growth.

The five colors

• Cream (#F2F3E9): bright and airy, almost weightless.
• Pistachio (#C0C99E): A luminous, dusty green — the color of new leaves after rain.
• Fern (#628E75): A luminous, dusty teal — the color of sea glass.
• Olive (#64661B): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#30322B): a grounded near-black with real depth.

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

Use it as a design system

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

• Worn Stone color palette (#F2F3E4, #92C199, #518166, #4D5945, #262A14)
• Muted Moss Courtyard color palette (#EAE1C7, #899728, #455F00, #234122, #161200)
• Ash Summit color palette (#F2F3EA, #BFE9E0, #69A7B5, #397774, #243C30)
• Muted Bronze color palette (#F8F5EA, #CED6B2, #8DA386, #907C34, #4A5304)
• Tempered Veil Field color palette (#E5F7ED, #B5DDF3, #E6CBE8, #718F79, #2C4038)
• Inked Market color palette (#E1E5D1, #007B50, #004131, #002422, #000402)
• Mustard Garden color palette (#FEF0D5, #B5AC2C, #697205, #3B5527, #291F01)
• Turquoise Drift color palette (#DEFAEA, #00ADD3, #8983C8, #518664, #192C22)

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