Fern Harbor color palette — #E5F5F8 · #60A399 · #A4794C · #676015 · #0A272C

A conversation between Olive and Mocha, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E5F5F8): bright and airy, almost weightless.
• Eucalyptus (#60A399): A luminous, dusty teal — the color of shallow lagoons.
• Mocha (#A4794C): A luminous, balanced gold — the color of old brass.
• Olive (#676015): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#0A272C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Aged Market color palette (#EEF8F0, #3BA0AA, #AC6E45, #4A6941, #324235)
• Fern Loft color palette (#F6EFF8, #BF808F, #988045, #5C6427, #291E2C)
• Chestnut Villa color palette (#E5F6F1, #869E68, #B06C76, #8F4725, #112822)
• Softworn Bronze Balcony color palette (#E1F6FF, #008B9C, #7E6900, #375300, #00181C)
• Softworn Veranda color palette (#F5EFFB, #BE8BA3, #996151, #614800, #182E06)
• Bronze Orchard color palette (#F1F5FF, #B6BFF8, #D79D9A, #918235, #2A3143)
• Cocoa Study color palette (#FBEDF6, #BB9FCC, #926989, #784126, #2D283F)
• Patina Corridor color palette (#D3ECFA, #007089, #5D5700, #144200, #00090E)

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