Pine Alley color palette — #EDF9EE · #DFB39B · #AD8C65 · #547A51 · #57404A

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

The five colors

• Ivory (#EDF9EE): a clean, paper-quiet neutral.
• Sand (#DFB39B): A luminous, dusty gold — the color of old brass.
• Caramel (#AD8C65): A luminous, dusty gold — the color of honey in a jar.
• Olive (#547A51): A full-bodied, dusty green — the color of new leaves after rain.
• Cocoa (#57404A): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Pine Alley 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

• Dusty Cypress Corridor color palette (#E8FBEF, #CCBD8C, #909860, #2B7E76, #374E41)
• Cocoa Garden color palette (#FFF3E5, #FFD1BF, #C4986F, #637B57, #603100)
• Antique Canyon color palette (#EAFAEF, #D89198, #986E37, #395D7B, #51424D)
• Softworn Ash color palette (#EDF8F7, #B3DADB, #71A6AB, #6D856D, #355354)
• Tempered Thicket color palette (#FDEDF4, #C78C69, #675159, #42333A, #271F24)
• Timeworn Bloom color palette (#DCF6E6, #BB9E4E, #797D25, #00635A, #393000)
• Patina Apricot Ridge color palette (#FFF0F9, #E6DAD2, #C7C599, #E0A366, #5E4251)
• Bronze Lagoon color palette (#CFECDC, #908200, #4B6200, #004141, #171800)

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