Pine Station color palette — #F0F7F2 · #C5AB74 · #218343 · #795A00 · #0F2927

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

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Camel (#C5AB74): A luminous, dusty gold — the color of old brass.
• Fern (#218343): A full-bodied, balanced teal — the color of glacier melt.
• Coffee (#795A00): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#0F2927): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone, 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

• Washed Bloom color palette (#F0F7F4, #AAB670, #007F83, #5C6700, #0F282F)
• Pale Terracotta Alley color palette (#FBF2F8, #DE9C89, #6A7700, #9A3F24, #132922)
• Apricot Field color palette (#FBEEF3, #E8A262, #00858C, #8A5726, #031115)
• Patina Garden color palette (#F9EFB8, #ABB86D, #4C8332, #00623A, #00483D)
• Airy Pine color palette (#E9FBEC, #989F40, #1B7D46, #484779, #28433D)
• Linen Moss color palette (#E4F7ED, #989300, #006445, #4C4900, #00170D)
• Misty Harbor color palette (#FDF3EA, #FDB26D, #00A3A8, #B16F2C, #1A281B)
• Pewter Pier color palette (#F0F7F3, #D1DEDF, #ACC5CD, #7A7743, #3E4B45)

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