Ancient Pine Harbor color palette — #EEF8F0 · #ADB587 · #5B7E56 · #615270 · #2B4A3F
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EEF8F0): a clean, paper-quiet neutral.
- Sage (#ADB587): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#5B7E56): A full-bodied, dusty green — the color of a quiet forest floor.
- Charcoal Brown (#615270): A full-bodied, dusty violet — the color of a velvet chair.
- Forest (#2B4A3F): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Ancient Pine 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
- Timeworn Alley color palette (#EEF8F4, #9DCBC7, #548C92, #725E72, #385351)
- Softworn Chapel color palette (#EDF9F0, #97A16E, #40703F, #33543D, #1B3D32)
- Hushed Thicket color palette (#F5F1E9, #BEB393, #747A49, #6F4C34, #2E2711)
- Worn Teal color palette (#DFFCF7, #5AB799, #00797A, #744131, #024635)
- Hushed Bronze color palette (#E5FCEE, #C1E7F0, #95D8C9, #9B7749, #33504A)
- Iris Balcony color palette (#E4FCED, #B1A048, #887DC9, #756500, #423B68)
- Soft Moss Balcony color palette (#DAFFEE, #8C8E35, #7472B3, #824D82, #1F3F33)
- Bronze Thicket color palette (#FFDEC5, #C99C55, #867400, #5A5B00, #1B5039)
Browse the whole catalog at Explore, or see today's palette.