Pine Villa color palette — #FFF2EE · #93EEE8 · #00ADCF · #368535 · #134269

Olive Leaf 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 (#93EEE8): A whisper-light, balanced teal — the color of glacier melt.
• Cyan (#00ADCF): A luminous, balanced blue — the color of open sky before noon.
• Olive Leaf (#368535): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#134269): A deep, shadowed, balanced 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 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

• Dusty Loft color palette (#FFF2EE, #28E6E8, #009BC2, #00782F, #003363)
• Sunlit Azure Meadow color palette (#FFF2EB, #9AE9FF, #2DA2F8, #008568, #333B6D)
• Wandering Pine Bloom color palette (#FCF2F8, #D2D5E6, #00C3DF, #008D4E, #003A53)
• Quiet Aqua Drift color palette (#F6F6E8, #B3F3EE, #0FCFD5, #00A88E, #004950)
• Aged Lagoon color palette (#E9F9F5, #9DDCD8, #009196, #006858, #004951)
• Softworn Periwinkle Drift color palette (#FBF4ED, #C2F1DD, #81A5E2, #48877F, #5A3E4D)
• Fuchsia Field color palette (#F6E3FF, #DB88FF, #009E8C, #009543, #3D2547)
• Gentle Cobalt Quarry color palette (#F9ECE3, #5BC0E0, #0677CA, #005B49, #18164A)

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