Pine Station color palette — #F1E3CC · #A2AB73 · #50804B · #554F75 · #302902

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

The five colors

• Parchment (#F1E3CC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A2AB73): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#50804B): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#554F75): A full-bodied, dusty violet — the color of a velvet chair.
• Espresso (#302902): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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 Teal Workshop color palette (#E7E6CE, #72B68D, #198376, #275C73, #02321B)
• Lagoon Meadow color palette (#FCF4E3, #A8BD8A, #558F67, #7D5666, #36362F)
• Softworn Moss Bloom color palette (#EEE7D2, #72A25F, #00734F, #533864, #1C1C00)
• Chalky Olive Field color palette (#EDF9EF, #BBC17B, #3E8B23, #4E4881, #001E14)
• Patina Forest Bloom color palette (#D6EAE3, #779766, #0B671C, #00474B, #00312A)
• Quiet Aubergine Harbor color palette (#F2D6DA, #D788DA, #459B48, #870D8F, #013306)
• Cerulean Boulevard color palette (#F7ECE6, #AECEB2, #0095B8, #006F4F, #04304E)
• Hushed Archive color palette (#FCF4E9, #D9D1B6, #9D9F79, #8B7681, #5D4C00)

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