Fern Harbor color palette — #F1DFD2 · #5B5800 · #003827 · #270026 · #010200

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

The five colors

• Parchment (#F1DFD2): A whisper-light, dusty gold — the color of honey in a jar.
• Olive (#5B5800): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#003827): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#270026): A deep, shadowed, balanced pink — the color of neon signs at night.
• Black (#010200): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged retro, dark, muted.

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 Pier color palette (#F8E3DC, #00663F, #003540, #2D000B, #000202)
• Midnight Meadow color palette (#EEDFC9, #7F4400, #2C3300, #130043, #030100)
• Midnight Villa color palette (#E1E3C9, #406400, #003B19, #001C26, #020F00)
• Dusty Lantern color palette (#F3EFDB, #468A00, #00512E, #001F2B, #000200)
• Muted Pine Garden color palette (#EBE7C9, #467F4A, #004F4D, #400018, #1D0007)
• Aubergine Loft color palette (#F5E3D5, #727800, #005845, #440753, #040F00)
• Tempered Olive color palette (#C3E9E0, #AF7F00, #438800, #005050, #000201)
• Hushed Lagoon color palette (#F8E7F3, #008E65, #00556A, #59000E, #001210)

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