Fern Coast color palette — #F7F1E5 · #A9A263 · #666A1B · #623B2F · #231B06

Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F7F1E5): a clean, paper-quiet neutral.
• Sage (#A9A263): A luminous, balanced green — the color of new leaves after rain.
• Olive (#666A1B): A full-bodied, balanced green — the color of fresh herbs.
• Cocoa (#623B2F): A deep, shadowed, dusty orange — the color of autumn markets.
• Onyx (#231B06): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

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

• Weathered Loft color palette (#F2F4E3, #79AF84, #19764F, #623C18, #1A1E07)
• Wandering Fern Lagoon color palette (#E6E1D2, #899554, #446000, #523000, #161200)
• Aged Fern color palette (#EEF8ED, #A59C62, #536D27, #414A65, #223C2E)
• Cypress Meadow color palette (#EEF4E6, #76AD9D, #00756A, #244B65, #15200D)
• Aged Mustard color palette (#E6FBEC, #C0B76C, #81863D, #715A72, #243B30)
• Muted Apricot color palette (#FFEEE4, #FCD0B6, #D9A672, #9A5A54, #372417)
• Chestnut Summit color palette (#F1F3E8, #BEC8AB, #4D9279, #835619, #2A3700)
• Olive Cabin color palette (#EEE9DB, #787F2B, #3A4B00, #500C0D, #080900)

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