Pine Quarry color palette — #DFF8F3 · #79B982 · #00804E · #584C00 · #03290C
A conversation between Teal and Jade, giving this palette its sense of nature and growth.
The five colors
- Ivory (#DFF8F3): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#79B982): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#00804E): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#584C00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#03290C): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
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
- Quiet Olive Alley color palette (#E5F7EA, #B6A953, #6F7000, #5E4905, #002817)
- Worn Emerald Alley color palette (#D1EBE6, #43AE5C, #006D43, #1C4A00, #001C06)
- Ancient Mint color palette (#D0FFE2, #48CC8A, #00894E, #004729, #001509)
- Gentle Moss color palette (#DDE6C8, #7CB000, #3D7C00, #0B5109, #003111)
- Worn Boulevard color palette (#F9F7D8, #51BB80, #007A6D, #773E3A, #1D442D)
- Linen Emerald Meadow color palette (#BAF1F2, #009B6A, #0080A8, #726000, #001E11)
- Feathered Ember color palette (#D5FBF3, #6AAE3A, #DD4A00, #366B00, #3D0E00)
- Worn Emerald Coast color palette (#F6F8DD, #80D090, #2B9D6A, #716A3F, #3A3B34)
Browse the whole catalog at Explore, or see today's palette.