Pine Archive color palette — #FBF5E3 · #93AF65 · #0B801C · #734134 · #3B3B34

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

The five colors

• Cream (#FBF5E3): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#93AF65): A luminous, balanced green — the color of new leaves after rain.
• Olive (#0B801C): A full-bodied, vivid green — the color of fresh herbs.
• Coffee (#734134): A full-bodied, dusty orange — the color of sun-warmed clay.
• Charcoal (#3B3B34): quiet, heavy and certain.

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

• Cypress Cabin color palette (#F6F6EA, #7BA881, #007555, #664125, #333A00)
• Tempered Olive color palette (#FBF4EB, #BFAE85, #6E7B2F, #785107, #543F00)
• Cypress Chapel color palette (#FBF1DC, #8EB66F, #007E5D, #5E3E64, #232202)
• Clover Dune color palette (#E6FFCA, #7EBA52, #4A7700, #2C4200, #182A00)
• Feathered Garden color palette (#E7FBED, #9BCC6D, #089E74, #7A5D80, #1B433B)
• Mustard Ridge color palette (#F9EACD, #BDA400, #727200, #475B00, #1D460F)
• Mint Thicket color palette (#FAF7DB, #B8F5B7, #09D9B9, #827300, #494A42)
• Patina Byzantium color palette (#FCF6D5, #9DAE25, #8E26ED, #586300, #45286A)

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