Pine Loft color palette — #ECF8F4 · #88A57E · #227449 · #475109 · #163D37
A conversation between Pine and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#ECF8F4): a clean, paper-quiet neutral.
- Moss (#88A57E): A luminous, dusty green — the color of new leaves after rain.
- Pine (#227449): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#475109): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#163D37): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Hushed Cypress color palette (#E5F7EC, #87AC78, #00765D, #504711, #03221D)
- Ancient Fern Grove color palette (#DBF2E2, #939752, #426700, #005035, #2F3100)
- Wandering Cypress color palette (#E8F9F6, #84BBBB, #2C8473, #30645D, #244A4A)
- Washed Lagoon Harbor color palette (#FAF5E9, #9EC08F, #009676, #6D6439, #36362F)
- Hushed Teal color palette (#CEE5D9, #17AA96, #007E7A, #00545C, #163654)
- Washed Workshop color palette (#F8F6E7, #A7DB95, #77AF8B, #92843B, #35362F)
- Turquoise Cabin color palette (#E2FAFF, #5BB4C6, #006A79, #003945, #00232B)
- Timeworn Archive color palette (#E7F9FF, #B2D9F5, #96B0E9, #007668, #164356)
Browse the whole catalog at Explore, or see today's palette.