Pine Basin color palette — #F7F1E4 · #92A979 · #007942 · #533B61 · #1F1D00

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

The five colors

• Cream (#F7F1E4): bright and airy, almost weightless.
• Sage (#92A979): A luminous, dusty green — the color of new leaves after rain.
• Pine (#007942): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#533B61): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#1F1D00): 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

• Misty Canyon color palette (#F2E2CE, #A09900, #3C6900, #5D2652, #181700)
• Washed Orchard color palette (#F3F2E9, #98BF9E, #008972, #6B4B4E, #262A15)
• Dusty Jade color palette (#FAF6E0, #86A764, #466F3C, #504945, #36362F)
• Timeworn Lantern color palette (#EBE9D8, #669C74, #006455, #5E2224, #101400)
• Softworn Onyx color palette (#EBE6D5, #5A8552, #00513A, #401247, #010B00)
• Emerald Drift color palette (#E8FAF3, #BEDBA3, #619B56, #855642, #0B2F28)
• Antique Cobalt color palette (#FAEFE8, #9AD0E8, #2F80C7, #005C59, #2F162A)
• Patina Apricot Hollow color palette (#FFEFDF, #DF9850, #935300, #462900, #140700)

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