Forest Harbor color palette — #FCEEDD · #825500 · #005E2F · #002F2D · #020100
Pine and Coffee set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FCEEDD): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Coffee (#825500): A full-bodied, balanced gold — the color of old brass.
- Pine (#005E2F): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#002F2D): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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
- Lowlit Coast color palette (#EEE7CE, #6C6C00, #004830, #00191F, #020100)
- Hushed Moss Alley color palette (#E4E0CC, #979400, #4B5600, #172300, #000200)
- Fern Market color palette (#E3E3C7, #406E00, #005864, #00294A, #010200)
- Smoked Onyx color palette (#FFE3EF, #683300, #003E43, #000C5A, #030100)
- Moonless Onyx color palette (#E6EECE, #005E2C, #00415D, #010257, #000200)
- Worn Cocoa color palette (#F1EEE7, #D6CFBF, #B0A684, #614A00, #040200)
- Worn Amber color palette (#FFF3E3, #BD8600, #00956B, #006260, #140B00)
- Mulberry Thicket color palette (#FFDBDA, #A60078, #003A4D, #030060, #030005)
Browse the whole catalog at Explore, or see today's palette.