Pine Villa color palette — #FDF1FB · #9CEAF5 · #41A6DC · #008757 · #283E6D
A conversation between Fern and Cyan, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FDF1FB): bright and airy, almost weightless.
- Ice Blue (#9CEAF5): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#41A6DC): A luminous, balanced blue — the color of open sky before noon.
- Fern (#008757): A full-bodied, balanced teal — the color of sea glass.
- Navy (#283E6D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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
- Weathered Drift color palette (#FFF0FB, #7BDBF0, #0095DF, #007555, #1E2B6C)
- Aged Summit color palette (#F8F3F9, #CAE2F7, #75AFC0, #5E875A, #2E4A65)
- Tempered Hollow color palette (#FFF1F5, #BFDFFE, #8894E2, #008287, #493461)
- Airy Delta color palette (#ECF9EE, #B2F1F9, #0FCAF5, #00A795, #004564)
- Antique Cerulean Field color palette (#FBF4EA, #B6D8BD, #008DAD, #00685B, #004564)
- Quiet Market color palette (#F3E6EB, #679AB5, #1D52AF, #003C36, #0B0027)
- Cobalt Studio color palette (#F7E4EB, #90B6D5, #4D6EC9, #005956, #241244)
- Worn Petrol Workshop color palette (#ECE0EB, #6AAFB2, #007093, #004E24, #001231)
Browse the whole catalog at Explore, or see today's palette.