Fern Veranda color palette — #F2F3E9 · #B8CBA2 · #558E8C · #64661B · #253800

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

The five colors

• Cream (#F2F3E9): bright and airy, almost weightless.
• Pistachio (#B8CBA2): A luminous, dusty green — the color of new leaves after rain.
• Storm Blue (#558E8C): A luminous, dusty teal — the color of shallow lagoons.
• Olive (#64661B): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#253800): A deep, shadowed, balanced green — the color of a quiet forest floor.

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 Pier color palette (#F6F2E5, #B1CEA2, #768D4B, #755F10, #31322B)
• Wandering Stone Workshop color palette (#F4F3E2, #8FC1A2, #468179, #3D5D4F, #242A18)
• Worn Lantern color palette (#E6DFD1, #7F984D, #00672E, #234126, #151200)
• Ancient Harbor color palette (#EEF7F6, #B7D9DA, #78A4AC, #638582, #375354)
• Bronze Thicket color palette (#F3DEC8, #786700, #2D3D00, #131A40, #040300)
• Aged Olive color palette (#FFF0D8, #A7B04C, #3A7D28, #0B5852, #202300)
• Wandering Oat Studio color palette (#E0F9ED, #DED4DF, #E3B5D0, #7F9A7F, #2F453E)
• Patina Pine color palette (#F0EBD0, #3D8C48, #00503F, #002F3B, #070900)

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