Fern Harbor color palette — #D7DEF2 · #307000 · #110045 · #1E0A1C · #020012

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

The five colors

• Frost (#D7DEF2): A whisper-light, dusty violet — the color of a velvet chair.
• Olive (#307000): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#110045): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#1E0A1C): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#020012): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged luxury, dark.

Use it as a design system

One click turns Fern Harbor 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 Fern Villa color palette (#E9E2FC, #5D6500, #2E1410, #270027, #070007)
• Shadow Onyx color palette (#DEE6F2, #7A5800, #01014D, #180D1A, #000014)
• Moonless Olive Courtyard color palette (#FAE6F3, #4D8626, #22186D, #040021, #050003)
• Pale Olive color palette (#E5E1F5, #768300, #420048, #2F1513, #150018)
• Soft Terrace color palette (#F9E7EE, #A7801D, #52308D, #1C003E, #060002)
• Garnet Harbor color palette (#F1DCFA, #9F9600, #6F0036, #380018, #190620)
• Weathered Onyx color palette (#E4E2EC, #A095A7, #80677D, #450E47, #0A0712)
• Timeworn Moss color palette (#EDEDFE, #91A740, #552F6A, #201C3C, #150D18)

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