Fern Loft color palette — #DFE3F2 · #486B17 · #18003F · #20091B · #03000F

Olive takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#DFE3F2): A whisper-light, dusty violet — the color of a velvet chair.
• Olive (#486B17): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#18003F): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#20091B): A deep, shadowed, dusty pink — the color of a candy shop window.
• Black (#03000F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged luxury, dark, 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

• Shadow Onyx Drift color palette (#E0EBFB, #785900, #01004E, #170C1A, #000015)
• Washed Onyx Corridor color palette (#E4DFF1, #6D8534, #46003F, #280C15, #170014)
• Misty Moss color palette (#ECDBE5, #499E21, #423794, #130B38, #060003)
• Aubergine Station color palette (#EEEDF4, #9F96A3, #83667E, #4A004B, #0B0517)
• Inked Terracotta Canyon color palette (#FCE1EA, #9F221E, #1F0035, #100303, #020006)
• Aubergine Pier color palette (#EBEDFF, #BB4A44, #3D0065, #291220, #0B0018)
• Linen Garnet color palette (#EFDEF3, #97991B, #71002D, #380013, #180300)
• Antique Aubergine color palette (#EEEDF7, #8DA56D, #5D2A67, #321139, #161421)

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