Fern Loft color palette — #F3F6F0 · #D4DCD8 · #B4C4BF · #52A186 · #375110

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

The five colors

• Ivory (#F3F6F0): bright and airy, almost weightless.
• Silver (#D4DCD8): bright and airy, almost weightless.
• Stone (#B4C4BF): soft and architectural.
• Fern (#52A186): A luminous, balanced teal — the color of glacier melt.
• Deep Olive (#375110): A deep, shadowed, balanced green — the color of new leaves after rain.

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

Use it as a design system

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

• Softworn Teal Alley color palette (#EDF7F8, #D2DDE4, #C6C1CB, #6EAD97, #364242)
• Hushed Lagoon color palette (#F4F6F0, #D3DDDA, #ABC6C4, #3D8464, #464942)
• Forest Boulevard color palette (#DBE1D9, #AAB9A9, #839D87, #006154, #0A1804)
• Aged Study color palette (#F5F8E1, #74C1BA, #2A96A6, #5A5B9D, #2C442E)
• Patina Archive color palette (#DCE9DC, #00A4A4, #3E5344, #223322, #141A12)
• Antique Pier color palette (#EFF7F5, #E1D8DA, #D1B9BE, #3186C8, #2A403A)
• Faded Veranda color palette (#EBFAEB, #ACFBE7, #57DDD8, #00BEDC, #00464B)
• Cocoa Lantern color palette (#E2FCEF, #A4CBBE, #B094AE, #916A71, #6D4446)

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