Pine Loft color palette — #E0F8F0 · #95B27F · #337E2F · #465225 · #142602

Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E0F8F0): A whisper-light, dusty teal — the color of sea glass.
• Sage (#95B27F): A luminous, dusty green — the color of new leaves after rain.
• Olive (#337E2F): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#465225): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Forest (#142602): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance, 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

• Washed Teal color palette (#E1F7F6, #62BC96, #007D67, #275838, #002628)
• Fern Ridge color palette (#CBEEE2, #74A552, #0B6F15, #004B30, #0A1B00)
• Soft Emerald color palette (#F8F6E5, #A9C593, #599851, #61712C, #2B4214)
• Lagoon Cabin color palette (#CDEBE9, #3F896B, #005041, #003318, #000B05)
• Weathered Balcony color palette (#E7F6F2, #A5CDC8, #608C8A, #4B676A, #1A3734)
• Indigo Thicket color palette (#B3F2F9, #0094A0, #4E66E3, #2B740B, #001C20)
• Patina Turquoise color palette (#D8F9FF, #00C2DA, #008090, #004149, #001418)
• Airy Ridge color palette (#DCF7FF, #00AEAE, #8A66E5, #006969, #270556)

Browse the whole catalog at Explore, or see today's palette.