Fern Coast color palette — #DEFDE9 · #9FBFB5 · #767EAB · #7F544B · #5A4C00

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

The five colors

• Honeydew (#DEFDE9): A whisper-light, dusty teal — the color of sea glass.
• Ash (#9FBFB5): A luminous, dusty teal — the color of shallow lagoons.
• Slate Blue (#767EAB): A luminous, dusty violet — the color of a velvet chair.
• Coffee (#7F544B): A full-bodied, dusty orange — the color of autumn markets.
• Deep Olive (#5A4C00): A full-bodied, balanced green — the color of new leaves after rain.

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

• Softworn Coast color palette (#EFF9E1, #A0BFA1, #638B78, #775454, #653F00)
• Bronze Pier color palette (#DFFEEF, #C6A9C6, #A08090, #915B2B, #555806)
• Chestnut Hollow color palette (#D7F2CB, #84BDD4, #9D788A, #7F5514, #3C3731)
• Softworn Meadow color palette (#DAFDFE, #A8CADE, #9DA2C2, #6F8072, #48584B)
• Patina Lagoon color palette (#E6E8FA, #B68A9A, #8F4F75, #5A4300, #293F17)
• Quiet Violet color palette (#DFF3FF, #7095EA, #7E56B0, #7B3C0F, #543D00)
• Timeworn Cerulean color palette (#F8F5EF, #C8E6C8, #269AAC, #1A725B, #304F41)
• Cobalt Grove color palette (#CFF0FF, #5EB2EB, #1C7BD4, #3A5693, #603F55)

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