Forest Harbor color palette — #ECF1DF · #668B52 · #095F37 · #002F3B · #0F1430
Pine and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#ECF1DF): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#668B52): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#095F37): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#002F3B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#0F1430): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Forest 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 Archive color palette (#EEE3C2, #657845, #005033, #1A1F44, #140022)
- Moss Study color palette (#F0EAC9, #7B9142, #186C4B, #34365F, #300F41)
- Muted Bronze Ridge color palette (#E5DED0, #846D00, #4C5312, #003730, #002122)
- Tempered Olive color palette (#DFEBCB, #4F7C00, #1F4E00, #022803, #00120F)
- Lagoon Workshop color palette (#D3E8E3, #00A3A9, #00545D, #00302C, #00171D)
- Cerulean Parlor color palette (#CAEEEC, #0096A9, #016485, #3A3256, #25233E)
- Soft Lantern color palette (#D1F7F0, #2B7100, #812C00, #103600, #210600)
- Dusty Clover Bloom color palette (#DAE6CF, #62B659, #317C5D, #005773, #32365E)
Browse the whole catalog at Explore, or see today's palette.