Pine Loft color palette — #F0EEDF · #4A8C47 · #00482E · #00134D · #010100

Olive Leaf takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F0EEDF): a clean, paper-quiet neutral.
• Olive Leaf (#4A8C47): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#00482E): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#00134D): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#010100): a grounded near-black with real depth.

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

• Wandering Lagoon Station color palette (#E4E7D5, #3A8C6C, #00463F, #002027, #010100)
• Softworn Bronze Bloom color palette (#F8EEDF, #837D30, #334300, #200C41, #020100)
• Velvet Forest color palette (#DEF3F0, #206E3F, #003422, #001A22, #000802)
• Forest Ridge color palette (#E9E1C5, #7A9A52, #005E1E, #421740, #010100)
• Plum Hollow color palette (#FFE5E5, #B41F87, #006447, #50003A, #000201)
• Pale Moss color palette (#EADFCD, #70972A, #00744E, #643555, #030700)
• Timeworn Fern color palette (#FFF4E1, #AAA74D, #506B00, #46305A, #090800)
• Quiet Market color palette (#FFEAE8, #980061, #494A00, #00374C, #040002)

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