Pine Villa color palette — #FDF3EE · #98E3EC · #549FC7 · #2C7D55 · #4A3048

Built around Teal, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Ice Blue (#98E3EC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#549FC7): A luminous, balanced blue — the color of deep harbor water.
• Teal (#2C7D55): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#4A3048): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Iris Canyon color palette (#FCF4EA, #B1DAFD, #8090D9, #007B7E, #413256)
• Softworn Turquoise color palette (#FCF3F0, #A4E2DF, #09A6C9, #457A46, #11443A)
• Washed Delta color palette (#EBF8F6, #A0CDDE, #00879C, #00605D, #024252)
• Antique Driftwood Pier color palette (#FCF3F0, #BDE8F0, #8EBDA8, #818C63, #5E4C5E)
• Washed Field color palette (#F7F7DD, #A2FBF0, #96C7FC, #937F54, #3A3C36)
• Wandering Clover Corridor color palette (#EEF1DB, #60C160, #C476B4, #328634, #4D2445)
• Misty Orchard color palette (#FDECE2, #70BFD1, #007BBD, #005C43, #131A44)
• Softworn Pier color palette (#F0E2DB, #39A2B2, #005F89, #003E27, #01032A)

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