Fern Grove color palette — #E2E1CA · #3C5800 · #00444F · #2C0E00 · #010100

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

The five colors

• Bone (#E2E1CA): A whisper-light, dusty green — the color of fresh herbs.
• Deep Olive (#3C5800): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#00444F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#2C0E00): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged dark, muted.

Use it as a design system

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

• Cocoa Lantern color palette (#F6E9D1, #644800, #004833, #340014, #020100)
• Muted Studio color palette (#DCEFE7, #008876, #004C49, #001719, #000102)
• Navy Pier color palette (#CCE5DF, #253F00, #1D007E, #26001C, #010200)
• Shadow Veranda color palette (#D9E7D8, #005958, #2B16A1, #25003D, #000200)
• Timeworn Cabin color palette (#DFE2DB, #B2C0A9, #829A7C, #004831, #010100)
• Lowlit Alley color palette (#D8EAD5, #00625D, #002F45, #060025, #010100)
• Faded Courtyard color palette (#DCEDDF, #006D75, #4A28B4, #242C00, #000102)
• Dusty Ultramarine Harbor color palette (#DFF6D7, #008578, #2953C7, #413900, #000201)

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