Pine Alley color palette — #FFECF2 · #BD953F · #407B3A · #543572 · #0B291D

Built around Olive, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Blush (#FFECF2): A whisper-light, dusty rose — the color of strawberry cream.
• Mustard (#BD953F): A luminous, balanced gold — the color of old brass.
• Olive (#407B3A): A full-bodied, balanced green — the color of new leaves after rain.
• Royal Purple (#543572): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Forest (#0B291D): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro.

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

• Chalky Workshop color palette (#E3F9E5, #D58658, #726F11, #3B3E7E, #172816)
• Washed Lagoon Meadow color palette (#FCEDF4, #A7B278, #2A8A75, #6C425F, #1B312D)
• Amber Pier color palette (#EBF5EA, #C07D13, #00746F, #532A6F, #340F1E)
• Patina Aubergine Thicket color palette (#FFE6F1, #8A8300, #006244, #540054, #0C1600)
• Patina Pier color palette (#E0FEEC, #A29C28, #5A7339, #00595D, #274439)
• Mustard Balcony color palette (#FFF3E6, #D3AC46, #5A975E, #685A87, #3F3D36)
• Patina Moss color palette (#FCF5E1, #CFD285, #79A058, #007179, #33322B)
• Soft Moss Alley color palette (#FFEBF7, #50A92D, #007071, #750038, #002314)

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