Pine Basin color palette — #F7F6E7 · #7FA871 · #367240 · #504945 · #35362F

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

The five colors

• Ivory (#F7F6E7): bright and airy, almost weightless.
• Moss (#7FA871): A luminous, balanced green — the color of fresh herbs.
• Olive (#367240): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#504945): quiet, heavy and certain.
• Espresso (#35362F): quiet, heavy and certain.

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

Use it as a design system

One click turns Pine Basin 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

• Pine Basin color palette (#F8F7DD, #71B765, #0B7E3C, #604F17, #284223)
• Washed Emerald color palette (#E5E7CD, #5A9D6C, #006542, #463E03, #0E3119)
• Quiet Moss Archive color palette (#F8EACC, #9D9600, #576100, #663300, #322F00)
• Dusty Sand Chapel color palette (#FFF3E4, #F2D384, #B3AE5F, #906945, #3E3A34)
• Aged Lagoon color palette (#E5FBF2, #A1BE96, #4E9167, #6A5B80, #183D37)
• Tempered Drift color palette (#F9F5E7, #BCC796, #75895E, #885B1F, #594D00)
• Teal Coast color palette (#FBF5E6, #B7D4AD, #4DB598, #9774A5, #35362F)
• Feathered Amber Delta color palette (#FFF3E5, #D38D15, #8E5900, #4C2F00, #331E00)

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