Pine Cabin color palette — #EBE0C9 · #9A8600 · #00782B · #004D4E · #371300

Olive and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#EBE0C9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Olive Leaf (#9A8600): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#00782B): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004D4E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#371300): A deep, shadowed, dusty 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 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

• Misty Moss color palette (#F8F2E0, #A29900, #008851, #005B65, #432200)
• Soft Amber color palette (#F0DEC8, #B27900, #596D00, #004F39, #00242B)
• Wandering Olive color palette (#EBE9D2, #668100, #00614F, #00394A, #1B0F00)
• Amber Delta color palette (#EDDED3, #CD6500, #706400, #005122, #40001D)
• Powdered Olive Pier color palette (#E8E5D5, #99AE71, #468400, #714D11, #222E08)
• Bronze Ridge color palette (#ECE0CD, #8F6B00, #3B3300, #201300, #090300)
• Powdered Boulevard color palette (#E5ECC9, #00A940, #00787A, #004B7C, #2B2400)
• Amber Boulevard color palette (#FEF4E0, #AC8F00, #006E8A, #003F50, #1A001E)

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