Fern Harbor color palette — #F5F7E8 · #A9DFB9 · #519B7A · #636920 · #252B0F
Built around Olive, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Ivory (#F5F7E8): bright and airy, almost weightless.
- Mint (#A9DFB9): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#519B7A): A luminous, balanced teal — the color of shallow lagoons.
- Olive (#636920): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#252B0F): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication, 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
- Tempered Chestnut Orchard color palette (#FCF4E6, #D7D396, #889052, #7C5E13, #2F270E)
- Teal Cabin color palette (#F1F9E0, #A5EACC, #2BA88F, #277977, #003827)
- Hazy Emerald color palette (#FBF7D5, #A7D28A, #3E943D, #0C6945, #102500)
- Tempered Teal color palette (#F7F6E8, #C5CFAA, #60B1A1, #7B8B5E, #303B00)
- Quiet Moss Coast color palette (#E9E1C4, #82993C, #355900, #003512, #010100)
- Lagoon Orchard color palette (#DEE1D3, #408C5F, #004832, #00211D, #000201)
- Antique Grove color palette (#E9F9F7, #71AA83, #007551, #355432, #1E3B3A)
- Tempered Iris Bloom color palette (#DBFFEC, #34B6E0, #9686DE, #399166, #002215)
Browse the whole catalog at Explore, or see today's palette.