Fern Meadow color palette — #F7F6E7 · #ABB58F · #3E8173 · #416252 · #3E4800

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

The five colors

• Ivory (#F7F6E7): bright and airy, almost weightless.
• Sage (#ABB58F): A luminous, dusty green — the color of new leaves after rain.
• Teal (#3E8173): A full-bodied, dusty teal — the color of sea glass.
• Pine (#416252): A full-bodied, dusty teal — the color of sea glass.
• Deep Olive (#3E4800): A deep, shadowed, balanced green — the color of new leaves after rain.

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

Use it as a design system

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

• Basalt Canyon color palette (#FCF4E8, #B1B387, #627C58, #6E4E61, #504100)
• Dusty Study color palette (#F3F7EA, #BACBA4, #4FA18C, #427D7B, #344B04)
• Softworn Cypress Bloom color palette (#F8F6E4, #7AA788, #1E7165, #5F3D5D, #303B00)
• Dusty Lagoon Thicket color palette (#E6F6F5, #8DBEBF, #388572, #2E5D68, #052E2F)
• Teal Coast color palette (#E9FAF4, #AFE0DD, #65BFAB, #6E96AD, #294947)
• Stone Workshop color palette (#FFF0F7, #ECD4CD, #E9B6A5, #6281A1, #64474F)
• Worn Lagoon color palette (#FFF0F8, #9C94DE, #8D8F41, #6455AD, #45460A)
• Cypress Garden color palette (#FBF3EF, #C7E4D5, #678EB3, #00716C, #593D54)

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