Pine Corridor color palette — #F4F2E4 · #8AB582 · #007F50 · #324C78 · #0C2708

Built around Teal, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#F4F2E4): bright and airy, almost weightless.
• Sage (#8AB582): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#007F50): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#324C78): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Forest (#0C2708): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Faded Olive color palette (#FDF0D9, #ADAD52, #557800, #00546F, #232200)
• Olive Studio color palette (#F6F1E9, #B8B689, #6B7E3D, #6E4856, #2E2712)
• Weathered Pine Thicket color palette (#E9FBEC, #93AF56, #007E4D, #6D3F5E, #184339)
• Airy Forest color palette (#EBE5D2, #81A24E, #006F1A, #592859, #0F1A00)
• Softworn Lagoon color palette (#DFFDF3, #93CC8A, #3F9A6D, #506995, #264322)
• Softworn Emerald Veranda color palette (#FEF4E4, #CFE2A2, #00AD66, #8C5778, #293305)
• Softworn Cerulean color palette (#F9F1E4, #90DDF3, #008EC1, #006261, #002645)
• Mulberry Station color palette (#FFEDED, #E97BC3, #009865, #8C006B, #002817)

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