Pine Harbor color palette — #E3FBF5 · #98CB92 · #398953 · #005C66 · #021F01
Built around Fern, softened by Mint Leaf — the whole palette hums with nature and growth.
The five colors
- Ivory (#E3FBF5): A whisper-light, dusty teal — the color of glacier melt.
- Mint Leaf (#98CB92): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#398953): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005C66): A full-bodied, dusty blue — the color of open sky before noon.
- Ink (#021F01): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns 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
- Softworn Terrace color palette (#E9F9F7, #AEDEBB, #5E987E, #3F697F, #062E2D)
- Hushed Cypress Delta color palette (#D8FEFB, #6DB393, #00705A, #004259, #000B05)
- Wandering Olive color palette (#E7FCEC, #C6BD7D, #797B2B, #704147, #001F11)
- Hushed Boulevard color palette (#E6E6D4, #669B61, #006632, #00464F, #292B0D)
- Jade Harbor color palette (#E0FCF5, #B1EBA8, #4AA867, #8F5E3E, #003732)
- Forest Terrace color palette (#E7DECB, #83965F, #00672B, #3D2F5A, #151200)
- Hazy Emerald Lantern color palette (#D7EBDC, #B3C191, #50A75D, #7968AB, #242D00)
- Worn Cerulean Terrace color palette (#E7FAF7, #C9DFFF, #2DA1BD, #006A6A, #00222E)
Browse the whole catalog at Explore, or see today's palette.