Softworn Pine Quarry color palette — #E7F6F2 · #86AB89 · #26754D · #603D1F · #002220

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

The five colors

• Ivory (#E7F6F2): a clean, paper-quiet neutral.
• Sage (#86AB89): A luminous, dusty green — the color of new leaves after rain.
• Pine (#26754D): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#603D1F): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#002220): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Olive Summit color palette (#E9F5ED, #A5A372, #616C06, #5C3A4A, #082217)
• Forest Lagoon color palette (#D8F3F1, #599E7D, #00644F, #3A3C09, #001617)
• Cypress Boulevard color palette (#F9F6E6, #78A97C, #00745D, #653E44, #35362F)
• Lagoon Lagoon color palette (#E8F5F4, #85C2AC, #278676, #3D5E43, #0E2D2F)
• Sunlit Moss Ridge color palette (#CCEEDD, #909F1C, #4A6600, #5A3400, #151800)
• Amber Harbor color palette (#F6E3E9, #C77F08, #00926E, #774A00, #002318)
• Hushed Pine Harbor color palette (#D5EBDC, #967800, #008350, #923C37, #001A0A)
• Powdered Marigold color palette (#D5F8D9, #CF9F45, #836000, #493300, #160C00)

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