Fern Harbor color palette — #E7DFC5 · #676300 · #263032 · #101500 · #020100

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

The five colors

• Bone (#E7DFC5): A whisper-light, dusty green — the color of fresh herbs.
• Olive (#676300): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#263032): a grounded near-black with real depth.
• Ink (#101500): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#020100): 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

• Basalt Meadow color palette (#EAE4D2, #4E4600, #202D2C, #001404, #050300)
• Velvet Chestnut Parlor color palette (#FEEADA, #8E4C00, #26322F, #1D0F00, #030100)
• Nocturne Corridor color palette (#E9F0D9, #007340, #2C343A, #00170F, #010100)
• Hushed Mint Parlor color palette (#F3F7E8, #70C484, #475E1C, #2A2D1F, #0F100A)
• Tempered Olive color palette (#F2ECDA, #867C00, #264D1D, #251C02, #030100)
• Linen Moss Balcony color palette (#DEE3D0, #7FA400, #3D7300, #134200, #001402)
• Lagoon Ridge color palette (#DAEBD5, #00897D, #4B403A, #002B2C, #010500)
• Weathered Emerald color palette (#EEF2CF, #309700, #003518, #182323, #010B00)

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