Fern Harbor color palette — #F1DFE4 · #8C8724 · #186404 · #3B2D61 · #111000
Olive takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.
The five colors
- Shell Pink (#F1DFE4): A whisper-light, dusty rose — the color of pressed rose petals.
- Olive Leaf (#8C8724): A luminous, balanced green — the color of fresh herbs.
- Olive (#186404): A full-bodied, balanced green — the color of a quiet forest floor.
- Royal Purple (#3B2D61): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#111000): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, 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
- Moss Terrace color palette (#D4E7D8, #768F33, #00633A, #591E45, #0C1200)
- Quiet Basin color palette (#ECDFCC, #939331, #2B5B00, #2D1E57, #010100)
- Olive Orchard color palette (#F7EDDD, #707000, #2A3F00, #2E1340, #101100)
- Timeworn Olive color palette (#DEF6E8, #9A9D56, #667A00, #803F3E, #101100)
- Feathered Basin color palette (#DBF2DE, #A1B752, #008F4E, #684891, #2A3300)
- Brick Courtyard color palette (#F5DAD3, #B62B00, #00657D, #24456B, #160100)
- Weathered Teal color palette (#D7E9E3, #6BB792, #008283, #76415D, #003031)
- Antique Boulevard color palette (#F4E4F0, #5AB1BB, #006F9A, #004D2E, #000942)
Browse the whole catalog at Explore, or see today's palette.