Fern Loft color palette — #E8F6FF · #98B1C0 · #7C89A5 · #52663C · #2B5562

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

The five colors

• Ivory (#E8F6FF): bright and airy, almost weightless.
• Ash (#98B1C0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#7C89A5): A luminous, dusty violet — the color of a velvet chair.
• Olive (#52663C): A full-bodied, dusty green — the color of new leaves after rain.
• Peacock (#2B5562): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Fern Loft 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

• Patina Balcony color palette (#EBF7FF, #ABB1D3, #A5798A, #456A74, #324F6B)
• Aged Driftwood Delta color palette (#F0F5FF, #BCC3EA, #A092B6, #60846B, #31584F)
• Plum Summit color palette (#CCE9ED, #719AD0, #975589, #005E58, #00464E)
• Pine Corridor color palette (#F8F3F8, #C4E2EA, #3E97B2, #34723A, #2D4A67)
• Softworn Thicket color palette (#F7DBF3, #CCAAB7, #9A7095, #79580B, #3A3932)
• Tempered Harbor color palette (#FBF2F6, #92BBA1, #667C4B, #5A5476, #33483B)
• Hushed Alley color palette (#D9FFF1, #F2CDDB, #D0B0AC, #97947E, #5A5000)
• Mulberry Grove color palette (#F6F3FF, #BE8BBD, #78963F, #904091, #3A4820)

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