Pine Cabin color palette — #F4F6EE · #8DBC96 · #7960A0 · #007333 · #301E25

Pine takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F4F6EE): a clean, paper-quiet neutral.
• Mint Leaf (#8DBC96): A luminous, dusty teal — the color of sea glass.
• Slate (#7960A0): A full-bodied, balanced violet — the color of a velvet chair.
• Pine (#007333): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#301E25): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Creativity, Balance. Tagged duotone, 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

• Pewter Meadow color palette (#EFF8F0, #78BCBE, #915399, #006D71, #331C21)
• Hushed Pier color palette (#E9F4F5, #74C6AD, #3776C0, #00765E, #060F19)
• Fern Lagoon color palette (#F8F5ED, #B7B177, #007C93, #6A6100, #14291D)
• Faded Lagoon color palette (#ECFAED, #00B8C0, #B1146B, #006267, #321210)
• Ancient Azure color palette (#F3F7F0, #86D7BE, #009CD0, #009678, #182821)
• Hushed Cocoa Meadow color palette (#FFF3E7, #62A982, #267298, #704100, #30432C)
• Tempered Aubergine Atelier color palette (#ECF6E2, #00A780, #880093, #00543F, #1F0422)
• Antique Boulevard color palette (#E1FFDC, #74BEAE, #00879B, #0E4D9C, #3B227F)

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