Weathered Pine Harbor color palette — #F2D8C9 · #0E8D5B · #005667 · #5B1A00 · #002B25
A conversation between Fern and Espresso, giving this palette its sense of nature and growth.
The five colors
- Bone (#F2D8C9): A whisper-light, dusty gold — the color of honey in a jar.
- Fern (#0E8D5B): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005667): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Espresso (#5B1A00): A deep, shadowed, balanced orange — the color of autumn markets.
- Deep Forest (#002B25): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.
Use it as a design system
One click turns Weathered 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
- Tempered Denim color palette (#EDDBC5, #008984, #004F86, #472D00, #002A31)
- Linen Garnet Corridor color palette (#F6D7C4, #5D8530, #005955, #620031, #002D13)
- Linen Archive color palette (#E2E3CC, #3E7A00, #004489, #5B0019, #1E2200)
- Aged Fern Meadow color palette (#EDE3D8, #978C5F, #4C5D00, #004A36, #322800)
- Weathered Ultramarine color palette (#F6E3B8, #008CA1, #2D28D7, #423800, #002D41)
- Shadow Abyss color palette (#D7EBD8, #006164, #353D45, #001D2C, #000C0C)
- Aged Cocoa color palette (#D4EDD4, #84987E, #3F6D83, #6B361C, #423200)
- Deep Navy Summit color palette (#F6E6C8, #006568, #002D66, #211700, #000E13)
Browse the whole catalog at Explore, or see today's palette.