Pine Villa color palette — #FBF3F1 · #C5E6DE · #5CB0D5 · #3D8D59 · #583D58
Built around Fern, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Ivory (#FBF3F1): a clean, paper-quiet neutral.
- Silver (#C5E6DE): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#5CB0D5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#3D8D59): A full-bodied, balanced teal — the color of sea glass.
- Charcoal (#583D58): A full-bodied, 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
- Hushed Lantern color palette (#FAF4EF, #CEE5E5, #9CB2D9, #32988F, #674758)
- Patina Cypress color palette (#FCF3EF, #C1DCCC, #629BCE, #007F64, #31375D)
- Tempered Coral Meadow color palette (#ECFAED, #65CACF, #DD8C80, #009298, #64322B)
- Patina Aqua Lantern color palette (#FBF4EA, #BEEDE2, #72CDE2, #5AA995, #2D5042)
- Patina Teal color palette (#E7F1C4, #7ECDAC, #00A7A8, #007E98, #1E486C)
- Sunlit Cerulean Lantern color palette (#DBFFEB, #90D8ED, #009FBA, #006B81, #003643)
- Quiet Dune color palette (#F5EBE1, #6C98BA, #3949B7, #003B3C, #0F0022)
- Wandering Petrol Summit color palette (#FCEBE3, #65AEBE, #006DA3, #004C35, #060742)
Browse the whole catalog at Explore, or see today's palette.