Pine Corridor color palette — #F2F8E3 · #68B381 · #B67A50 · #007A41 · #5E381B

Built around Pine, softened by Jade — the whole palette hums with nature and growth.

The five colors

• Cream (#F2F8E3): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#68B381): A luminous, balanced teal — the color of sea glass.
• Caramel (#B67A50): A luminous, balanced gold — the color of old brass.
• Pine (#007A41): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#5E381B): A deep, shadowed, dusty gold — the color of old brass.

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

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

• Softworn Dune color palette (#F8F6E6, #9BA85E, #BB7271, #616D00, #653031)
• Patina Driftwood Pier color palette (#ECF9ED, #4CB1B7, #968C32, #00747A, #494416)
• Dusty Chapel color palette (#FFF3E2, #B6A583, #856F42, #704800, #403D36)
• Wandering Station color palette (#EFFBDB, #28A06C, #1887AA, #7D6700, #373932)
• Cypress Ridge color palette (#EDF9EB, #75C0BA, #9593C2, #00847E, #604354)
• Olive Thicket color palette (#FCF5E0, #A5A452, #169BA8, #6C6A00, #004C53)
• Pale Parlor color palette (#E6FAF8, #96C59D, #D886B4, #009A3F, #5C334A)
• Weathered Aqua color palette (#F0F9E6, #C6E1F8, #84CBCD, #598569, #475340)

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