Pine Quarry color palette — #F9F3F7 · #CDE0F1 · #59B3C8 · #278F5C · #214D66

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

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Powder Blue (#CDE0F1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#59B3C8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#278F5C): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#214D66): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Hushed Lagoon color palette (#FAF3F6, #D5DDF7, #83A7DA, #008C91, #3A4767)
• Aqua Bloom color palette (#FCF3EF, #B9EEF4, #78C9DC, #58906E, #20483B)
• Softworn Lagoon color palette (#F5F6EF, #CAE5C9, #009DA5, #007263, #374E3E)
• Ancient Petrol color palette (#E8DBE4, #71ADB4, #007191, #004C38, #00152A)
• Antique Cerulean color palette (#F5EBF2, #A0CCDB, #0095B6, #006F4D, #00314F)
• Peony Orchard color palette (#DFFCFD, #6BB796, #8992D6, #C85992, #0C4042)
• Wandering Denim color palette (#F2E3EA, #6C98B6, #2254A6, #003B3F, #08002A)
• Moss Atelier color palette (#E6FBF6, #9FC589, #C48FC9, #529504, #553458)

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