Fern Veranda color palette — #ECF4F2 · #C9D9E0 · #9EBEC2 · #4D7039 · #192321

Built around Olive, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF4F2): a clean, paper-quiet neutral.
• Silver (#C9D9E0): a clean, paper-quiet neutral.
• Ash (#9EBEC2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Olive (#4D7039): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#192321): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Washed Fern color palette (#F6F6EC, #CFDED4, #A6B9A8, #586C38, #3C3B2F)
• Tempered Villa color palette (#EAF4F8, #D1D6E6, #A4C2E4, #00788A, #17282F)
• Patina Pine Study color palette (#E3F7EF, #8DAA81, #267649, #444B1F, #04211D)
• Softworn Driftwood color palette (#EFF7F5, #D1DFE7, #C9C3CD, #7F925D, #22322E)
• Dusty Denim color palette (#E4EAEE, #BFCDDB, #96A5BA, #005E77, #0E171D)
• Cerulean Grove color palette (#DCEFED, #7CB3BD, #368493, #5D3D5D, #302234)
• Wandering Forest Boulevard color palette (#DEE6E5, #A4B8B9, #70959C, #005316, #000E0D)
• Lowlit Pine Bloom color palette (#D9EDED, #007752, #002B32, #001010, #000302)

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