Pine Cabin color palette — #F6F1E7 · #BAB58B · #55815C · #6E4A48 · #2B280E

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

The five colors

• Cream (#F6F1E7): bright and airy, almost weightless.
• Sage (#BAB58B): A luminous, dusty green — the color of new leaves after rain.
• Fern (#55815C): A full-bodied, dusty green — the color of fresh herbs.
• Coffee (#6E4A48): A full-bodied, dusty orange — the color of toasted spice.
• Onyx (#2B280E): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Muted Olive Terrace color palette (#FFEFDC, #B4AA54, #567727, #62461E, #252100)
• Muted Chestnut color palette (#F3F2E8, #BEC8AB, #758A6D, #8D4E32, #2B3600)
• Ancient Lagoon color palette (#EFF8F2, #A6CEC2, #6D9D76, #8E6374, #2C4941)
• Antique Olive color palette (#F8F2DB, #A4AA67, #8285CE, #666A00, #222246)
• Linen Indigo color palette (#FAF2D7, #919341, #7774C3, #7C5A95, #251E05)
• Worn Basin color palette (#F8F2DB, #CAE8C8, #93DED9, #9D7D56, #35342D)
• Fern Ridge color palette (#EEE5D8, #8C9354, #29641A, #493500, #121400)
• Weathered Olive Study color palette (#EBE5D2, #5A8742, #005135, #2E2B00, #020B00)

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