Pine Cabin color palette — #F9F1E2 · #9BA675 · #367539 · #5C3A4C · #221C00

Built around Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#F9F1E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#9BA675): A luminous, dusty green — the color of new leaves after rain.
• Olive (#367539): A full-bodied, balanced green — the color of fresh herbs.
• Cocoa (#5C3A4C): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Onyx (#221C00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Tempered Lagoon Veranda color palette (#F5F2E7, #9CBE96, #3B856A, #6A4B53, #272913)
• Cypress Study color palette (#F5F2E5, #82AD7D, #007759, #0D4F5C, #1C1E03)
• Weathered Coast color palette (#F7F0DB, #749B59, #006640, #482C50, #081600)
• Navy Orchard color palette (#F6E1CA, #A9951F, #4C6600, #3B2D7F, #1B1600)
• Aged Canyon color palette (#E9FAF5, #BCDAB3, #589C64, #266F76, #0D2E2A)
• Timeworn Market color palette (#FEE1E3, #BB75B0, #43980D, #801F76, #0B2302)
• Dusty Cerulean Villa color palette (#F7F0ED, #99D3D9, #0088AE, #005E45, #002720)
• Dusty Apricot Harbor color palette (#FFECEF, #FFCFC8, #E29C71, #685F92, #361C1A)

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