Pale Pine Harbor color palette — #F7F6EB · #9EBC5D · #00854B · #546920 · #222617
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#F7F6EB): a clean, paper-quiet neutral.
- Sage (#9EBC5D): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#00854B): A full-bodied, balanced teal — the color of shallow lagoons.
- Olive (#546920): A full-bodied, balanced green — the color of new leaves after rain.
- Onyx (#222617): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged duotone.
Use it as a design system
One click turns Pale 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
- Wandering Mint color palette (#F4F7EE, #6AC58D, #008078, #2C6F48, #1E271C)
- Antique Olive color palette (#F4F2EA, #B2B982, #008874, #646B00, #091105)
- Tempered Olive Veranda color palette (#FAF4ED, #D6A55B, #767300, #805600, #292414)
- Ancient Jade color palette (#FBF6DB, #55AD6D, #007C63, #245274, #3C3E37)
- Patina Olive color palette (#EDF8F3, #C3CB8D, #25A3A1, #808817, #12282D)
- Timeworn Mint color palette (#CCFFCD, #67C991, #198E6B, #005C4C, #00404F)
- Pewter Courtyard color palette (#F5F6EE, #D3E1D5, #B5C6BB, #607E59, #48493F)
- Chartreuse Lagoon color palette (#F3F8E7, #A0EA7E, #6ED396, #2E9786, #3D4039)
Browse the whole catalog at Explore, or see today's palette.