Pine Loft color palette — #F3F9D9 · #58CA68 · #E77938 · #00912E · #602700

Kelly Green and Clover set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F3F9D9): A whisper-light, dusty green — the color of fresh herbs.
• Clover (#58CA68): A luminous, vivid green — the color of fresh herbs.
• Tangerine (#E77938): A luminous, balanced orange — the color of sun-warmed clay.
• Kelly Green (#00912E): A full-bodied, vivid green — the color of a quiet forest floor.
• Rust (#602700): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Frosted Amber Basin color palette (#EFFAE2, #26CB96, #D98500, #008D66, #553100)
• Gentle Blush color palette (#FCF5DD, #B6B500, #F95F79, #7D7D00, #691629)
• Aged Jade color palette (#CCF8DB, #00B96E, #009FC4, #997900, #073A21)
• Antique Bronze Cabin color palette (#FEECD4, #CAB17B, #A87E36, #845416, #413401)
• Mustard Balcony color palette (#FFF5D9, #C2B000, #00B1B8, #867900, #004447)
• Mustard Corridor color palette (#EEF9E9, #AFC66F, #007A6A, #00453B, #101F08)
• Patina Peony color palette (#F4F9D7, #61A75E, #D242B0, #0D6811, #621451)
• Misty Emerald Lagoon color palette (#EEFBD8, #A5F5FF, #68E8E3, #529F61, #364724)

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