Pine Quarry color palette — #FFDAD0 · #00773C · #00445A · #410011 · #000504

Pine and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FFDAD0): A whisper-light, dusty orange — the color of toasted spice.
• Pine (#00773C): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#00445A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Espresso (#410011): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#000504): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro, 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

• Pine Bloom color palette (#FFE2DA, #00764E, #003845, #210004, #000201)
• Dusty Onyx Chapel color palette (#F4DCD3, #746200, #004939, #3A0033, #020400)
• Navy Loft color palette (#FCECD3, #007369, #00358A, #2C1C00, #000406)
• Worn Pine Field color palette (#EAE9D1, #008965, #004F53, #203200, #000804)
• Gentle Station color palette (#E5EED2, #008F7D, #005994, #4C2900, #231000)
• Smoked Workshop color palette (#F1EED8, #516000, #42008E, #2A1500, #040100)
• Nightshade Ridge color palette (#F9F0CD, #00818B, #4300C9, #352B00, #000D16)
• Washed Ultramarine color palette (#E2F7DD, #8D9700, #009181, #005DB3, #00060A)

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