Fern Harbor color palette — #F7F6E6 · #7EB0C7 · #7471A0 · #585F20 · #504252
A conversation between Olive and Slate, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7F6E6): A whisper-light, dusty green — the color of a quiet forest floor.
- Blue Fog (#7EB0C7): A luminous, dusty blue — the color of open sky before noon.
- Slate (#7471A0): A full-bodied, dusty violet — the color of twilight just after sunset.
- Olive (#585F20): A full-bodied, balanced green — the color of new leaves after rain.
- Charcoal (#504252): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged retro, 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
- Dusty Chestnut color palette (#FFF3E6, #6DB7B0, #4E7CA3, #7C4D12, #374E3E)
- Aged Garden color palette (#ECF9F3, #62A1BF, #975C6E, #425D25, #274C2E)
- Timeworn Villa color palette (#FAEDFA, #95A9E5, #796EA9, #6F434E, #262C3A)
- Patina Iris Courtyard color palette (#FFF2EE, #A6BBF9, #9386CF, #8E606B, #52424D)
- Antique Canyon color palette (#E8FBF0, #AECDC2, #9F8993, #82671E, #3C5441)
- Weathered Cocoa Bloom color palette (#FAF4EE, #CCBFA5, #7A875F, #785B71, #624900)
- Dusty Petrol color palette (#F9F4EF, #CAE7EB, #B08CA9, #107C8B, #664858)
- Mulberry Villa color palette (#F3F0D5, #6F82C1, #7E3E7C, #004D2C, #452436)
Browse the whole catalog at Explore, or see today's palette.