Pine Station color palette — #F8F1E4 · #B9B590 · #3C8753 · #6B4A54 · #2A2814

Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F8F1E4): a clean, paper-quiet neutral.
• Sage (#B9B590): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#3C8753): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#6B4A54): A full-bodied, dusty rose — the color of a warm blush.
• Onyx (#2A2814): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Tempered Olive color palette (#FBF0DF, #A6AF68, #218107, #6A3957, #272001)
• Hushed Lagoon color palette (#F3F3E7, #BDC8A9, #429289, #755959, #2A3700)
• Patina Lantern color palette (#F8F5E7, #A3B886, #627C56, #834822, #4A4400)
• Tempered Studio color palette (#EBFAF0, #B6CF94, #669E76, #6E6E8C, #2E4942)
• Timeworn Meadow color palette (#F5ECD8, #809761, #006734, #572639, #151300)
• Linen Chestnut color palette (#FEEFE3, #DC8F59, #009EB7, #9A4C00, #002D36)
• Pine Pier color palette (#E7E3CB, #448A52, #005041, #4F0D17, #070900)
• Weathered Cerulean Field color palette (#F7F0EC, #C2E6D3, #5793C5, #006D66, #3B2238)

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