Pine Alley color palette — #FFF2EC · #F08271 · #008D4E · #3D3F89 · #28093A

A conversation between Fern and Salmon, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Salmon (#F08271): A luminous, balanced orange — the color of sun-warmed clay.
• Fern (#008D4E): A full-bodied, balanced teal — the color of shallow lagoons.
• Indigo (#3D3F89): A full-bodied, balanced violet — the color of wild irises.
• Deep Indigo (#28093A): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Olive Bloom color palette (#FFF2F0, #E681A9, #528803, #2A4194, #18143D)
• Timeworn Apricot Cabin color palette (#FFF3E8, #E78E3A, #00878D, #56367F, #2B0834)
• Wandering Apricot Grove color palette (#FDF3EB, #F8A469, #00A08F, #6C4B86, #3C1E3E)
• Pale Bronze Ridge color palette (#FEECF3, #AA6318, #00643E, #053874, #4C122E)
• Garnet Summit color palette (#FFF3E5, #CF8900, #00788A, #750046, #290014)
• Gentle Harbor color palette (#F8E8F1, #BB5E29, #005D7D, #00316C, #0A0A3B)
• Chalky Lagoon color palette (#E6F7E7, #E9A200, #80A13D, #1A826B, #4B1818)
• Feathered Rust color palette (#FFEFE6, #CE4600, #005C3C, #22006B, #040005)

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