Pine Station color palette — #EEF0E6 · #D3DACE · #A1C1A7 · #47814E · #2D3020

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EEF0E6): bright and airy, almost weightless.
• Silver (#D3DACE): a clean, paper-quiet neutral.
• Sage (#A1C1A7): A luminous, dusty teal — the color of sea glass.
• Fern (#47814E): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#2D3020): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Pine Station 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 Pine Boulevard color palette (#EDF8F7, #D0DFE8, #B3C4D3, #4A855C, #082322)
• Softworn Cypress color palette (#E8EEE4, #B9C9BA, #84B09B, #007257, #1B2213)
• Cerulean Drift color palette (#E4E4CB, #9EB48F, #4685A1, #845045, #502A00)
• Ancient Bloom color palette (#F2F7F1, #D2DEDC, #B0C6C7, #5B9E91, #454943)
• Cypress Meadow color palette (#DFEDD9, #008472, #003A45, #0B1B03, #040500)
• Frosted Ultramarine Meadow color palette (#E2E3D0, #5D9A1A, #1757D3, #7F0B00, #321700)
• Emerald Corridor color palette (#F3D8C8, #24AE49, #007781, #7F193E, #002C20)
• Chartreuse Workshop color palette (#E8F8DD, #B2D400, #00C29D, #008EB4, #002825)

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