Fern Bloom color palette — #F3F2E9 · #C1C7AA · #539178 · #6A6416 · #30322B

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

The five colors

• Cream (#F3F2E9): bright and airy, almost weightless.
• Pistachio (#C1C7AA): A luminous, dusty green — the color of fresh herbs.
• Fern (#539178): A luminous, dusty teal — the color of sea glass.
• Olive (#6A6416): A full-bodied, balanced green — the color of new leaves after rain.
• 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 Bloom 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

• Lagoon Veranda color palette (#F4F2E6, #9BBE99, #3C8564, #465C45, #272A12)
• Softworn Garden color palette (#E8E2C8, #608543, #005224, #00322C, #030A00)
• Turquoise Pier color palette (#F5F1EB, #C4E7E0, #63A7BC, #35786C, #223C33)
• Lagoon Boulevard color palette (#E4F6DA, #6BC5C0, #0097A1, #00697B, #1C3C2F)
• Patina Jade color palette (#E3E9C9, #3DAB84, #006A60, #004654, #001C11)
• Wandering Quarry color palette (#E3F8EB, #38ACC6, #B475A5, #877838, #1C2B22)
• Driftwood Alley color palette (#F8F5EA, #B8E6DB, #7EBCB1, #99853D, #434C00)
• Washed Coral color palette (#EBF5EE, #65C3D2, #D78174, #10808E, #362F2C)

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