Pine Hollow color palette — #FDF3F0 · #D0E2D0 · #4C95B0 · #30723E · #563E58

Pine and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF3F0): bright and airy, almost weightless.
• Celadon Mist (#D0E2D0): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#4C95B0): A luminous, balanced blue — the color of open sky before noon.
• Pine (#30723E): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#563E58): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Pine Hollow 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

• Dusty Cypress color palette (#FAF4F0, #CAE7E7, #7E9BC2, #2D7E70, #634A59)
• Ancient Cobalt Balcony color palette (#FAF3F0, #B2CDBA, #3380AF, #006344, #2B395E)
• Dusty Corridor color palette (#EEF4EF, #BCE4EF, #009FB1, #006F55, #142F3E)
• Wandering Driftwood color palette (#EBFAEB, #63AEAF, #C16E6F, #007476, #623233)
• Chalky Alley color palette (#FDF3E8, #A9D3FB, #6D77C7, #00666A, #4D2E6B)
• Tempered Lagoon Summit color palette (#EAFAEB, #B6E9EE, #D1C5F4, #4D845F, #385443)
• Lagoon Archive color palette (#E2E9C0, #66B497, #008C81, #006274, #144861)
• Antique Summit color palette (#DEFFE5, #78C3D1, #007E8B, #004C55, #00313C)

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