Pine Basin color palette — #F5F1E9 · #ABBB8B · #438651 · #694B55 · #2B280F

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

The five colors

• Cream (#F5F1E9): a clean, paper-quiet neutral.
• Sage (#ABBB8B): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#438651): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#694B55): A full-bodied, dusty rose — the color of pressed rose petals.
• Onyx (#2B280F): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Tempered Olive Drift color palette (#FEF0DA, #A7AF5B, #2C8009, #6B3858, #212300)
• Dusty Lagoon Atelier color palette (#F3F2E8, #BDC9A5, #439287, #785759, #2B3700)
• Aged Chestnut Lagoon color palette (#F8F5EA, #A5B885, #627D53, #834823, #4A4400)
• Taupe Delta color palette (#EDF8F3, #B5E9F0, #87AA75, #8E6982, #203F37)
• Chalky Dune color palette (#F3ECDF, #7E994C, #00672F, #5A233B, #0D1500)
• Cerulean Quarry color palette (#F7F0EC, #C5E5D3, #4E94CA, #006D65, #382436)
• Antique Parlor color palette (#FDEFE5, #DDDBC4, #B8D49A, #A77075, #3A352F)
• Onyx Veranda color palette (#E6E3CF, #52875A, #005041, #520615, #070900)

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