Pine Quarry color palette — #CCFDFD · #8EC6A6 · #2F8C5E · #004A30 · #00190D

Fern and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#CCFDFD): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#8EC6A6): A luminous, dusty teal — the color of sea glass.
• Fern (#2F8C5E): A full-bodied, balanced teal — the color of sea glass.
• Forest (#004A30): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#00190D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Calm, Balance. Tagged monochrome, muted, 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

• Petrol Harbor color palette (#E0F6FF, #7CC9D7, #008593, #004E56, #00191D)
• Pine Alley color palette (#F0FBD6, #73C8A3, #068E52, #005534, #09361F)
• Olive Alley color palette (#D5FCEC, #BFC38C, #757A16, #484800, #181800)
• Muted Pine Quarry color palette (#DBF9F8, #C0DBEB, #9EC2E0, #518656, #093538)
• Forest Bloom color palette (#E9F4F6, #ACBB8A, #006455, #002F28, #000F12)
• Forest Summit color palette (#D5FFFF, #A0E5FC, #5CB184, #007241, #00281A)
• Smoked Cypress Study color palette (#DBF8ED, #007C61, #004637, #00150D, #000201)
• Pale Teal Pier color palette (#90FFF1, #00AF9E, #007067, #003530, #000B09)

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