Pine Quarry color palette — #ECEED7 · #9EB972 · #2B895B · #006051 · #00383C
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#ECEED7): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#9EB972): A luminous, balanced green — the color of fresh herbs.
- Fern (#2B895B): A full-bodied, balanced teal — the color of sea glass.
- Pine (#006051): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#00383C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns 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
- Tempered Basin color palette (#F1E1BD, #A1C182, #54AD71, #00806D, #004E53)
- Weathered Lagoon color palette (#C6F5EC, #81C3A6, #319089, #166879, #1E394C)
- Feathered Olive Quarry color palette (#FFE5D5, #C4A359, #7C7813, #38590F, #003736)
- Hushed Lagoon color palette (#CAFFF1, #85D1BF, #008977, #00493A, #001C16)
- Pine Lantern color palette (#E1F7F7, #65B88D, #BD709E, #00784D, #2F1F3E)
- Weathered Field color palette (#E1E9DA, #00AB48, #00725D, #003E44, #001F2B)
- Patina Bronze color palette (#E7F7EA, #89B7A5, #89723E, #614052, #002926)
- Washed Teal Field color palette (#D2E4D8, #00B09C, #007583, #004D73, #07215A)
Browse the whole catalog at Explore, or see today's palette.