Pine Basin color palette — #F7F1E6 · #B9B58D · #51825C · #425D44 · #2A2815

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

The five colors

• Cream (#F7F1E6): bright and airy, almost weightless.
• Sage (#B9B58D): A luminous, dusty green — the color of fresh herbs.
• Fern (#51825C): A full-bodied, dusty teal — the color of sea glass.
• Pine (#425D44): A full-bodied, dusty green — the color of new leaves after rain.
• Onyx (#2A2815): 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 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

• Patina Spruce color palette (#F3F3E8, #BEC8AA, #758A6F, #4D685C, #2A3700)
• Wandering Thicket color palette (#F9F1DF, #95A77F, #33744B, #4D3E64, #1F1D04)
• Worn Taupe color palette (#EBF9F5, #B8E6F1, #7EAB82, #5A7E7F, #1A403A)
• Antique Loft color palette (#ECE6C3, #5DA966, #006B56, #004656, #001D04)
• Obsidian Meadow color palette (#E9E2CD, #48762B, #004129, #002328, #010400)
• Ancient Olive color palette (#EFEAD7, #5E8554, #005139, #371C45, #010B00)
• Lowlit Chestnut color palette (#F3E5D7, #685700, #242F00, #070E37, #020100)
• Ancient Delta color palette (#FEEBFD, #EAD2D0, #F6B4B6, #568A9F, #3B2935)

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