Pine Hollow color palette — #FFF2EE · #ABE8EA · #00AADD · #008845 · #244067

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Sea Foam (#ABE8EA): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00AADD): A luminous, balanced blue — the color of open sky before noon.
• Fern (#008845): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#244067): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Cerulean Lagoon color palette (#FFF2ED, #65DFEB, #0098CE, #007745, #133064)
• Pale Azure color palette (#DAEEFF, #0BA4F6, #959600, #198E4B, #023451)
• Antique Courtyard color palette (#FFF2E9, #AEE4FF, #599AFF, #008477, #3E366C)
• Powder Drift color palette (#FAF4F0, #C3E0EA, #89B7DD, #5A947F, #5F4C5A)
• Aqua Terrace color palette (#F5F6EC, #CBF0CE, #30CCDE, #00A79A, #004855)
• Antique Cerulean Delta color palette (#D8FFF5, #F3E1F1, #FFB6CD, #009AAC, #57384E)
• Ancient Sapphire color palette (#F6EDE7, #75BBDF, #246DE4, #005A52, #1F1641)
• Denim Coast color palette (#F2E6DE, #629BB3, #0057A7, #003C33, #080029)

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