Fern Harbor color palette — #FCEDF7 · #B96855 · #4A6B00 · #00465D · #180D1D

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

The five colors

• Blush (#FCEDF7): A whisper-light, dusty pink — the color of a candy shop window.
• Mocha (#B96855): A luminous, balanced orange — the color of sun-warmed clay.
• Olive (#4A6B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#00465D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#180D1D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Balance. 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

• Muted Chestnut Atelier color palette (#F8EEF6, #B97B71, #776306, #00485D, #3C031F)
• Ancient Navy Terrace color palette (#EDF4EE, #9C804E, #497D51, #2D457A, #221520)
• Raspberry Courtyard color palette (#F8EEFA, #BA6276, #844D07, #004F3C, #101126)
• Patina Bronze Basin color palette (#ECF9EF, #8F7100, #006A4E, #00494F, #1C2835)
• Hushed Bronze color palette (#EEDCE4, #A36338, #223728, #210F19, #0A0409)
• Soft Aubergine Coast color palette (#E2F7F1, #60781C, #006163, #4A006B, #19000A)
• Pale Forest color palette (#DBF5D8, #855500, #0A520A, #002957, #140003)
• Washed Thicket color palette (#FFDDE7, #DBA098, #A16230, #604500, #272600)

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