Pine Quarry color palette — #DDE1D3 · #008048 · #834600 · #004222 · #100500
A conversation between Teal and Bronze, giving this palette its sense of nature and growth.
The five colors
- Bone (#DDE1D3): bright and airy, almost weightless.
- Teal (#008048): A full-bodied, balanced teal — the color of glacier melt.
- Bronze (#834600): A full-bodied, balanced gold — the color of honey in a jar.
- Forest (#004222): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Ink (#100500): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Balance. Tagged 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
- Hushed Cocoa Balcony color palette (#D9E6D7, #006965, #594700, #00312F, #040300)
- Mulberry Market color palette (#F3EEDD, #707000, #A50038, #393900, #170003)
- Muted Corridor color palette (#D3E6D7, #558834, #494C55, #003035, #000A0C)
- Worn Denim color palette (#E8F2E5, #006660, #004C90, #354200, #000504)
- Pine Lantern color palette (#ECF0E0, #008136, #005C94, #004318, #000814)
- Lagoon Lagoon color palette (#CFF9FC, #009D7A, #9F6600, #00624B, #281600)
- Lagoon Workshop color palette (#D7ECE9, #009083, #005049, #00221F, #000201)
- Wandering Cerulean color palette (#E6F0E3, #73C2C4, #0099B1, #005F4A, #011401)
Browse the whole catalog at Explore, or see today's palette.