Fern Harbor color palette — #FEF1F9 · #A1634C · #696100 · #004B6E · #3B2433

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

The five colors

• Ivory (#FEF1F9): bright and airy, almost weightless.
• Walnut (#A1634C): A full-bodied, balanced orange — the color of autumn markets.
• Olive (#696100): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#004B6E): A deep, shadowed, balanced blue — the color of deep harbor water.
• Espresso (#3B2433): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Gentle Navy Dune color palette (#EDF9EF, #886B23, #4F6000, #1C3C90, #3A1E2D)
• Softworn Hollow color palette (#FDF1FB, #B4625E, #884009, #004B4E, #32253C)
• Wandering Navy color palette (#F9F2FF, #AE7392, #776100, #00478B, #54253F)
• Worn Rust color palette (#FFEDE9, #C25B5D, #007638, #004459, #1D0A10)
• Patina Bronze Corridor color palette (#F3DEE7, #A05E2E, #193A2A, #2E1622, #140C0F)
• Patina Basin color palette (#DDEFE2, #6B5400, #004D3C, #3C0051, #001B0A)
• Rust Balcony color palette (#F9F3F8, #E5D8D7, #B4C8C6, #A75B57, #4E444D)
• Pale Coral color palette (#FDF0FE, #DA6A74, #17915F, #006589, #2A2838)

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