Fern Harbor color palette — #EBF9F2 · #9AB896 · #555515 · #313000 · #13261E

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

The five colors

• Ivory (#EBF9F2): a clean, paper-quiet neutral.
• Sage (#9AB896): A luminous, dusty green — the color of new leaves after rain.
• Deep Olive (#555515): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#313000): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#13261E): A deep, shadowed, dusty teal — the color of sea glass.

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

• Patina Forest Garden color palette (#E9F9F7, #D4A287, #275F32, #0D3817, #0D2725)
• Tempered Chestnut color palette (#EFF7F2, #BAB078, #007C94, #6E5F00, #0F2732)
• Cocoa Veranda color palette (#FCF2F7, #B5B17E, #79401A, #47230C, #2D1B25)
• Dusty Sand color palette (#F8F5E9, #FFCB84, #959A62, #746213, #242217)
• Timeworn Olive color palette (#EEF8F2, #DCC187, #7C7400, #274B3B, #17251E)
• Taupe Villa color palette (#DEF3F9, #C5898F, #004D4E, #002828, #06101A)
• Aged Balcony color palette (#FDF0FE, #9B9C63, #007B71, #84273F, #1A463F)
• Quiet Amber color palette (#CEECE6, #D87400, #1A4700, #082100, #000C07)

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