Pine Quarry color palette — #CDE7D2 · #008C51 · #007251 · #004637 · #00100C
Built around Fern, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#CDE7D2): A whisper-light, dusty teal — the color of sea glass.
- Fern (#008C51): A full-bodied, balanced teal — the color of sea glass.
- Pine (#007251): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#004637): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#00100C): A deep, shadowed, dusty teal — the color of sea glass.
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
- Patina Drift color palette (#D0F9F0, #008680, #00686A, #004448, #00080A)
- Muted Pine color palette (#E3E8DB, #188D26, #00472D, #001B18, #000202)
- Ancient Coast color palette (#ECF3E3, #009568, #9E6100, #006445, #0C0400)
- Timeworn Olive Harbor color palette (#EDF1E0, #628900, #3E6C00, #1B4F00, #000E02)
- Weathered Harbor color palette (#DFF3EF, #008175, #0068B4, #536000, #000202)
- Fern Harbor color palette (#EFE5CB, #848542, #6C6100, #4E3D00, #030400)
- Wandering Drift color palette (#E4EEE0, #6DBABA, #28A3BC, #008065, #001514)
- Hazy Teal Corridor color palette (#D1F3E8, #00C6AF, #00A49C, #007D7D, #00383B)
Browse the whole catalog at Explore, or see today's palette.