Fern Coast color palette — #E6FBF3 · #6FBDDB · #7D7DC4 · #676800 · #2B3F53

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

The five colors

• Ivory (#E6FBF3): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#6FBDDB): A luminous, balanced blue — the color of open sky before noon.
• Slate Blue (#7D7DC4): A luminous, balanced violet — the color of wild irises.
• Olive (#676800): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#2B3F53): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Dusty Pine color palette (#E9F9F6, #A4C0E6, #A583B7, #507C4C, #3D475F)
• Wandering Archive color palette (#EBF8FC, #55B5BE, #AB639D, #5F6300, #004045)
• Hushed Powder color palette (#FFF4E0, #90D5FF, #9487C4, #716235, #3D2A3D)
• Softworn Meadow color palette (#FFF1F6, #6EC4B2, #4E8EB5, #905200, #1D434E)
• Linen Quarry color palette (#D8FFF3, #909EFF, #B452A4, #006C49, #3C295D)
• Wandering Balcony color palette (#FFF1F6, #A8CFB4, #8C9656, #5E719A, #2F4A37)
• Worn Hollow color palette (#FAF3F6, #D6DDFA, #8BA5D3, #008B95, #3D4664)
• Chalky Byzantium color palette (#CFF0C7, #13A0F6, #8E2CE2, #355900, #11225C)

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