Pine Cabin color palette — #FBF5E4 · #8FB069 · #187D49 · #5A4477 · #3B3B34

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

The five colors

• Cream (#FBF5E4): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#8FB069): A luminous, balanced green — the color of fresh herbs.
• Pine (#187D49): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#5A4477): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#3B3B34): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Pine Cabin 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 (#F8F6E4, #77A984, #027363, #5C3F5D, #313B00)
• Basalt Lantern color palette (#FCF4E9, #BBAF8C, #677B55, #6E4E63, #524000)
• Pine Cabin color palette (#DCF9F4, #80B78B, #007F52, #005666, #042810)
• Powdered Lagoon color palette (#F5F7E6, #95C9A4, #209D71, #00758E, #1A442A)
• Weathered Station color palette (#FFF1F2, #D065BF, #009479, #951E87, #004638)
• Cobalt Courtyard color palette (#FEF3EC, #93DBEE, #0089C3, #00685A, #253F69)
• Fern Atelier color palette (#F7E8D7, #867B33, #364E00, #2A245B, #1F1B00)
• Softworn Jade color palette (#E8FAF0, #B5DE8A, #4ABE7E, #947BB4, #30411B)

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