Pine Archive color palette — #F7F1E6 · #BBB48F · #4D844F · #704948 · #2C2812

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

The five colors

• Cream (#F7F1E6): bright and airy, almost weightless.
• Sage (#BBB48F): A luminous, dusty green — the color of new leaves after rain.
• Fern (#4D844F): A full-bodied, balanced green — the color of a quiet forest floor.
• Coffee (#704948): A full-bodied, dusty orange — the color of sun-warmed clay.
• Onyx (#2C2812): 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 Archive 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

• Feathered Quarry color palette (#FDEFE0, #B7A85B, #5A7700, #664419, #2B1E00)
• Dusty Chestnut Archive color palette (#F2F3E5, #8DC0AA, #178683, #7E431F, #232A1A)
• Pale Iris Terrace color palette (#F6F2E3, #A7AA59, #7885DB, #686900, #381C31)
• Driftwood Station color palette (#ECF9EF, #C0CB93, #719C70, #786C83, #2E4940)
• Muted Cabin color palette (#FAF2DA, #B9F8E2, #75D8D1, #A07A47, #37362F)
• Muted Fern Orchard color palette (#E8DED0, #8F9255, #2C6503, #4B3400, #171100)
• Worn Moss Studio color palette (#EDE5C7, #5FAA52, #006C4F, #6A1F31, #031C00)
• Indigo Terrace color palette (#FBF1DB, #A18E17, #6174DD, #8C5190, #261D05)

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