Pine Quarry color palette — #EAF5F0 · #8FBFB5 · #48845D · #3F5773 · #152C28
A conversation between Fern and Peacock, giving this palette its sense of nature and growth.
The five colors
- Cream (#EAF5F0): bright and airy, almost weightless.
- Ash (#8FBFB5): A luminous, dusty teal — the color of glacier melt.
- Fern (#48845D): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#3F5773): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Forest (#152C28): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, 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
- Wandering Pine Coast color palette (#E9F5F0, #8FAA7D, #2E7544, #4B3F60, #00221D)
- Ancient Pine color palette (#FCF4E9, #A9B77F, #48825B, #714F52, #4D4300)
- Patina Balcony color palette (#EEF4EF, #C2E2F1, #359AC0, #006D67, #142E44)
- Teal Archive color palette (#EEF8EF, #DFEDB8, #73AD86, #7A718C, #243F36)
- Lagoon Drift color palette (#F7F5EB, #AED09F, #649F77, #806980, #464600)
- Softworn Pine Chapel color palette (#D6EEE7, #3B7744, #00412D, #0C1946, #000400)
- Tempered Lagoon color palette (#F4EFFD, #CD8ABB, #39A46D, #963D82, #002E2E)
- Softworn Pine color palette (#D0ECE3, #478A47, #005135, #490D36, #000B01)
Browse the whole catalog at Explore, or see today's palette.