Fern Coast color palette — #D5E8DD · #007B96 · #696300 · #224F00 · #001016

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

The five colors

• Honeydew (#D5E8DD): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007B96): A full-bodied, balanced blue — the color of deep harbor water.
• Olive (#696300): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#224F00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#001016): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Antique Petrol color palette (#DAF5EB, #0070A3, #4C5A00, #003B26, #000608)
• Chestnut Ridge color palette (#E0F2D9, #008171, #8B5000, #4E4200, #00110E)
• Powdered Cobalt color palette (#C3F0E1, #008FD3, #698400, #006940, #002237)
• Washed Iris Villa color palette (#D5E1FD, #8C90FF, #577900, #00673E, #040A26)
• Antique Rust Pier color palette (#F2D9CD, #C33300, #5D6800, #00511F, #200300)
• Byzantium Courtyard color palette (#F8D6E1, #8C43C7, #006F6C, #004A5D, #160028)
• Worn Indigo color palette (#F1D5E4, #796FD6, #008665, #005F63, #191536)
• Quiet Harbor color palette (#F8E9E1, #C34425, #6A4D00, #1D3C00, #001613)

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