Pine Villa color palette — #FDF3EF · #D1DAEF · #6AB0D5 · #328057 · #3E233D

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

The five colors

• Ivory (#FDF3EF): a clean, paper-quiet neutral.
• Powder Blue (#D1DAEF): A whisper-light, dusty violet — the color of wild irises.
• Cyan (#6AB0D5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#328057): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#3E233D): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, 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 Quarry color palette (#FDF3EC, #D7D6E3, #9ABDED, #429283, #503646)
• Iris Delta color palette (#FEF3EB, #C8ECFF, #6592DA, #006B61, #1E183A)
• Hushed Cerulean Studio color palette (#FAF3F8, #A0CDDE, #0084AB, #00624B, #1D3D5B)
• Weathered Mint Ridge color palette (#F3F9DD, #68DC77, #D388C9, #338B41, #3D1639)
• Denim Ridge color palette (#F4E2D9, #5AB1C0, #005B85, #002D1C, #00000C)
• Wandering Taupe color palette (#F4F8E0, #C7EFF7, #CAD0ED, #A49658, #2A3821)
• Faded Cobalt color palette (#FFF2EB, #8CD9ED, #0080C8, #00543E, #050332)
• Frosted Ultramarine color palette (#F8ECE1, #6FC1F2, #325BD0, #003E3B, #040010)

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