Pine Villa color palette — #FEF2EF · #BCEEF6 · #60B2D3 · #3C7F4E · #152F4E

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

The five colors

• Ivory (#FEF2EF): a clean, paper-quiet neutral.
• Frost (#BCEEF6): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#60B2D3): A luminous, balanced blue — the color of deep harbor water.
• Fern (#3C7F4E): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#152F4E): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Lagoon Station color palette (#EFF8F1, #BEE8F5, #59C2D8, #00A384, #044156)
• Patina Azure color palette (#FEF3EA, #C1EEFF, #5A95D7, #006C5A, #191448)
• Ancient Periwinkle color palette (#FAF4EE, #C3E2F7, #90A1EC, #007E82, #452131)
• Forest Corridor color palette (#FAF2FA, #A1CDDB, #0084AA, #02642D, #233C59)
• Hushed Alley color palette (#FAEAE4, #69AFB6, #005C7F, #002D17, #000107)
• Coral Thicket color palette (#FFF2ED, #F67C78, #00A7C4, #008DA5, #2E1208)
• Driftwood Garden color palette (#FCF3F0, #C3DFE3, #A5C5EA, #779D78, #31564D)
• Quiet Study color palette (#FFF2ED, #FBA59A, #2ABCBE, #BB4F46, #002F2F)

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