Fern Loft color palette — #F1DCD9 · #E2A469 · #978000 · #166608 · #00392D

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

The five colors

• Shell Pink (#F1DCD9): A whisper-light, dusty orange — the color of autumn markets.
• Camel (#E2A469): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#978000): A luminous, balanced green — the color of new leaves after rain.
• Olive (#166608): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#00392D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Tempered Bronze Hollow color palette (#FFD7E4, #F5967E, #B57200, #5A5800, #143C00)
• Fern Terrace color palette (#FFF2EC, #F8C682, #9B8F33, #436400, #002C1A)
• Dusty Station color palette (#FFE9DA, #DCB76C, #809C1D, #007A57, #004442)
• Gentle Amber color palette (#FFD6AE, #BE9421, #716E00, #364B00, #003A0E)
• Pale Amber Canyon color palette (#FCD7CA, #C68400, #676D00, #004B25, #001B17)
• Washed Fern color palette (#F1E4D9, #958000, #386500, #003B2C, #000D0E)
• Airy Amber Canyon color palette (#FDEBDA, #E08943, #57872A, #554A87, #34302A)
• Feathered Pine color palette (#F7E8D0, #A9AB00, #008F40, #005C4C, #002E36)

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