Pine Villa color palette — #FBF3EF · #BDE7F4 · #76ADD6 · #1B8160 · #212B51

Teal takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Powder Blue (#BDE7F4): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#76ADD6): A luminous, balanced blue — the color of open sky before noon.
• Teal (#1B8160): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#212B51): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Azure Bloom color palette (#FFF2EE, #BAFCFF, #00A9DA, #00783A, #002350)
• Hushed Sky Lantern color palette (#EFF8F0, #BFE7FA, #4FC0EE, #00A199, #193E5A)
• Worn Bloom color palette (#FCF3EC, #CEE9FF, #758CDD, #006A69, #24143B)
• Cobalt Lantern color palette (#FBF2F8, #9CCDE4, #0080C0, #006246, #2C3A55)
• Washed Moss color palette (#FFF0FA, #919FF2, #939F2F, #7C862D, #2A1124)
• Antique Turquoise color palette (#FFF0F9, #E6D9D5, #C8B8A1, #58A1B9, #4D303B)
• Aged Market color palette (#F6EAE3, #6FACC0, #005795, #002C22, #01000A)
• Aged Veranda color palette (#FBF3F0, #C3DFE7, #98CFD3, #8A9872, #5A4657)

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