Pine Loft color palette — #E2E4D0 · #008B58 · #005144 · #3F2400 · #040700

Fern and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#E2E4D0): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#008B58): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#005144): A deep, shadowed, dusty teal — the color of sea glass.
• Espresso (#3F2400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#040700): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Quiet Meadow color palette (#E8DFC3, #5F8214, #005512, #4C1809, #040700)
• Washed Lagoon color palette (#DDF5F1, #418C5D, #004831, #1F1C00, #000200)
• Mulberry Study color palette (#DFE3D4, #238F48, #7C0073, #00451B, #10000E)
• Eclipse Forest color palette (#F1F2D8, #006F4D, #003330, #300400, #000804)
• Worn Lantern color palette (#CFF0DB, #006A3E, #3C15CE, #6E1C00, #000201)
• Tempered Garden color palette (#F1EBD4, #6EA441, #007436, #454915, #0E2000)
• Washed Cabin color palette (#DAF1EC, #56987B, #00716D, #782C1D, #000804)
• Cerulean Corridor color palette (#F9EDDA, #23A4B2, #006279, #003C34, #000B14)

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