Fern Harbor color palette — #FCEBD9 · #8F8700 · #1F6300 · #3B2E5F · #150F00
Built around Olive, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Cream (#FCEBD9): A whisper-light, dusty gold — the color of old brass.
- Olive Leaf (#8F8700): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#1F6300): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#3B2E5F): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#150F00): A deep, shadowed, dusty green — the color of fresh herbs.
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 Loft color palette (#EDE1CF, #798E24, #006336, #5C1946, #0D1200)
- Dusty Fern color palette (#D3E7D5, #929346, #2A5B00, #2A2057, #010100)
- Wandering Olive color palette (#DDEBE0, #717000, #2B3F00, #2D153E, #111000)
- Timeworn Coast color palette (#EBE2CF, #9C9C56, #687A00, #7E4140, #111000)
- Pine Lagoon color palette (#F8E9D4, #A4B63F, #008F47, #674B8B, #2B3201)
- Teal Alley color palette (#E8E6CF, #5EBA90, #008284, #72455D, #222E08)
- Feathered Villa color palette (#F9DFD7, #DE9E4C, #6AA300, #902A82, #2E1100)
- Patina Petrol color palette (#F7EAE5, #54B2BD, #006F9A, #004D2D, #000C3F)
Browse the whole catalog at Explore, or see today's palette.