Fern Harbor color palette — #EDF4F0 · #CAD9DC · #9CBFC0 · #6C6726 · #16241D

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

The five colors

• Cream (#EDF4F0): bright and airy, almost weightless.
• Silver (#CAD9DC): a clean, paper-quiet neutral.
• Ash (#9CBFC0): A luminous, dusty teal — the color of sea glass.
• Olive (#6C6726): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#16241D): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Softworn Pewter color palette (#EEF8F3, #CADEE0, #A4B8B4, #646838, #343D39)
• Ancient Forest color palette (#EAF4F3, #BBDBDF, #79B8C0, #006E2B, #001F1E)
• Softworn Moss color palette (#F7F5EF, #D7DFD3, #9AB5C5, #8A913F, #312E25)
• Olive Alley color palette (#E9F6EB, #A1A470, #477234, #5A420F, #062218)
• Ancient Fern Parlor color palette (#E2EFE9, #A2B9B5, #63989D, #424800, #000F09)
• Lagoon Quarry color palette (#E1F3E7, #83B1A9, #40877F, #514059, #36233B)
• Spruce Thicket color palette (#E5EEEF, #7B9299, #516F83, #003226, #000202)
• Midnight Olive Garden color palette (#D6F4ED, #397600, #002B2F, #00100D, #000302)

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