Fern Harbor color palette — #F0F6FF · #798FC2 · #A6714A · #596710 · #343E4E

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

The five colors

• Ivory (#F0F6FF): a clean, paper-quiet neutral.
• Slate Blue (#798FC2): A luminous, balanced violet — the color of a velvet chair.
• Mocha (#A6714A): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Olive (#596710): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#343E4E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Optimism, Creativity, 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

• Worn Fern color palette (#F4F4FF, #A58CBC, #976053, #4D5B02, #0B4B52)
• Aged Drift color palette (#ECF2FF, #8690CA, #AF6F67, #4F6731, #1C2230)
• Cypress Station color palette (#F4F4FF, #A381B4, #82834C, #007055, #3C3A4F)
• Chestnut Field color palette (#EAF8FF, #5A9BAD, #AA687A, #855201, #2A414C)
• Washed Lilac color palette (#FEF1F9, #A0A3EB, #CB8686, #6D844C, #463841)
• Worn Summit color palette (#F2F5FF, #745FD4, #875E00, #305600, #2A2251)
• Driftwood Alley color palette (#F3F5FB, #DCD8DD, #B8A8A4, #8479AD, #505259)
• Washed Powder Lagoon color palette (#FFF0FC, #A7C2FF, #DDAA83, #989F71, #453843)

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