Fern Coast color palette — #FBF5E4 · #CDD7A2 · #95BA8A · #71967C · #504900

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

The five colors

• Cream (#FBF5E4): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#CDD7A2): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#95BA8A): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#71967C): A luminous, dusty teal — the color of glacier melt.
• Deep Olive (#504900): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged retro, light, 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

• Washed Orchard color palette (#F6F6EA, #B1D497, #79B8AA, #4E91AB, #553D1A)
• Aged Cocoa Field color palette (#FAF4EB, #E8DDC3, #C2B58B, #A7987D, #614900)
• Wandering Pewter Canyon color palette (#FFF1F6, #F0DBA6, #85AE88, #8D5F94, #2D453B)
• Hushed Olive color palette (#F4F3E0, #A7C284, #7C813A, #56554A, #23221A)
• Softworn Stone Terrace color palette (#F5F7E3, #CAE0CE, #A7C7B7, #93A79F, #5E4E5E)
• Weathered Hollow color palette (#F2F0D6, #78CFA3, #1EAE9D, #4777AE, #2E322B)
• Amethyst Alley color palette (#C6F3C6, #00C8D6, #009CC7, #7D42D1, #002F37)
• Frosted Nightshade Pier color palette (#E3EDD8, #00B289, #008884, #224EA9, #001B16)

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