Pine Quarry color palette — #FFF2EF · #C6E5C3 · #00ADD0 · #1A8922 · #11426B
Olive Leaf and Cyan set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2EF): bright and airy, almost weightless.
- Celadon Mist (#C6E5C3): A whisper-light, dusty green — the color of fresh herbs.
- Cyan (#00ADD0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive Leaf (#1A8922): A full-bodied, vivid green — the color of fresh herbs.
- Navy (#11426B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light.
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 Chapel color palette (#FBF1FD, #CADDF5, #00C1EA, #398A3C, #153756)
- Linen Villa color palette (#FFF2EC, #BDE6CF, #32A0FD, #00856B, #343872)
- Muted Pine color palette (#FFF2EE, #79DDE2, #009AC7, #00783A, #00306A)
- Aqua Parlor color palette (#FFF4E2, #A7F5F0, #00CEE0, #3EA681, #004759)
- Antique Lagoon color palette (#FBF3F1, #CEE6E2, #8DB7D4, #449974, #63495F)
- Worn Grove color palette (#DAFFF4, #F0E3F0, #FFA7D0, #00A6B2, #364065)
- Faded Periwinkle Boulevard color palette (#FDE0FF, #73B3FF, #869E44, #967800, #0F3156)
- Airy Cobalt Boulevard color palette (#F5EDE7, #7FBBD3, #2876C7, #005B4C, #1B124F)
Browse the whole catalog at Explore, or see today's palette.