Pine Alley color palette — #F5F6EC · #8FBD8C · #007A9C · #0D7416 · #112A1F

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

The five colors

• Ivory (#F5F6EC): bright and airy, almost weightless.
• Mint Leaf (#8FBD8C): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#007A9C): A full-bodied, balanced blue — the color of deep harbor water.
• Olive (#0D7416): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#112A1F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

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

• Worn Petrol color palette (#F8F5EC, #B5B273, #007A9E, #686200, #0F2A1F)
• Dusty Cypress color palette (#E8F5F5, #80C4A6, #00858C, #007754, #001117)
• Aged Cobalt color palette (#F3F7F0, #84BCAB, #3D6EB8, #00705B, #2C1F2C)
• Pale Lagoon color palette (#F3F7EE, #82D9B4, #00A2AE, #00976D, #1A281D)
• Wandering Cocoa color palette (#FFF2EB, #65A889, #007690, #7F331A, #32432D)
• Chalky Grape Lantern color palette (#EDF9ED, #2FB7B8, #7143C0, #006363, #2F1121)
• Dusty Lagoon color palette (#F3F6F0, #D4DCDA, #ADC5C5, #35856C, #365111)
• Powdered Navy color palette (#D1FCD6, #77B9A7, #00878F, #005975, #003979)

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