Fern Harbor color palette — #F0EDCC · #475C00 · #344042 · #001F10 · #030200

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

The five colors

• Parchment (#F0EDCC): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#475C00): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#344042): quiet, heavy and certain.
• Ink (#001F10): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#030200): quiet, heavy and certain.

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

• Obsidian Fern color palette (#F0EAD5, #5A5500, #192525, #021F01, #040200)
• Twilit Olive color palette (#CDF0E4, #5E7500, #003C2D, #0B191C, #050900)
• Basalt Studio color palette (#E2E0CB, #424F50, #323F00, #142225, #000B07)
• Weathered Lagoon Quarry color palette (#E2F2E0, #00948E, #274739, #1A2519, #0B0F06)
• Worn Lagoon color palette (#E0E3D3, #009A7B, #005F62, #5A2712, #081300)
• Dusty Station color palette (#F1F3E7, #63B069, #4F5D4A, #373C00, #23221B)
• Gentle Basin color palette (#D6F5E3, #008E5D, #AE048F, #005335, #22001A)
• Gentle Turquoise color palette (#F5E6DE, #00B4D3, #006E9F, #004B41, #001135)

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