Fern Coast color palette — #FAF5E7 · #D4D4C2 · #83B39B · #645C00 · #35332C

Built around Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF5E7): a clean, paper-quiet neutral.
• Oat (#D4D4C2): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#83B39B): A luminous, dusty teal — the color of glacier melt.
• Olive (#645C00): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#35332C): quiet, heavy and certain.

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

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

• Softworn Forest color palette (#EDF0E6, #C8CEC5, #93A697, #00672A, #2C301A)
• Patina Dune color palette (#F8F5E9, #E3DFC3, #C0C199, #7A7E00, #35332C)
• Antique Spruce Drift color palette (#E8E7DF, #979C8D, #63775E, #213100, #0B0900)
• Washed Study color palette (#F6F5EF, #D6DCD6, #9FAFB6, #808851, #555348)
• Hushed Coast color palette (#F8E9D4, #95974C, #306B00, #583E00, #303000)
• Dusty Abyss color palette (#DEE2DA, #B2BCB3, #769788, #00513F, #1A2213)
• Patina Moss Ridge color palette (#EEF8F2, #BDE4EC, #9ACBE1, #A79B2B, #27372F)
• Ancient Garnet Balcony color palette (#FDEBCA, #8C9D63, #007E6B, #773760, #77180A)

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