Pine Loft color palette — #E6FBF2 · #82A36C · #337A51 · #005670 · #174641
A conversation between Teal and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E6FBF2): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#82A36C): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#337A51): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#005670): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#174641): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Pine Loft 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 Quarry color palette (#E4FCED, #B0944C, #6D6E2C, #005B50, #274533)
- Denim Field color palette (#E9F9F5, #79B79E, #308681, #39598F, #2B4E52)
- Hushed Olive Ridge color palette (#EDF9F2, #8FBBA9, #6A7B40, #615B2E, #284A3D)
- Nightshade Archive color palette (#D6FFF8, #00A196, #006D79, #3A2D9D, #003E3E)
- Misty Garden color palette (#E8FAF6, #CADD8E, #97D178, #00A56A, #184541)
- Weathered Summit color palette (#FFF3E8, #BAB568, #3B9A74, #804E81, #3E3E36)
- Muted Emerald Terrace color palette (#C0F1E3, #00955A, #006053, #003968, #003222)
- Dusty Thicket color palette (#FCF5DE, #B0D774, #79B583, #438DA3, #3D3E37)
Browse the whole catalog at Explore, or see today's palette.