Pine Villa color palette — #FDF1F9 · #8DDBD9 · #009DB7 · #007747 · #003752
Pine and Cerulean set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FDF1F9): a clean, paper-quiet neutral.
- Ice Blue (#8DDBD9): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#009DB7): A luminous, balanced blue — the color of open sky before noon.
- Pine (#007747): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#003752): A deep, shadowed, dusty 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
- Chalky Basin color palette (#FFF2EB, #B1FFFB, #00ACC7, #007744, #00283C)
- Weathered Azure Bloom color palette (#FDF1F8, #83D9F5, #0094E1, #00736A, #0A277C)
- Antique Aqua Basin color palette (#F6F6E7, #5BCCC9, #007D84, #00574B, #003A42)
- Weathered Glacier Quarry color palette (#E7FAF6, #59F4F1, #00C1CC, #009A86, #003A42)
- Tempered Lagoon color palette (#FAF3F8, #D0DEF3, #74ADCC, #008F76, #2E496A)
- Misty Mallow color palette (#EEF6FF, #DFD7FF, #FF91DE, #0094B3, #2D3161)
- Weathered Denim color palette (#F7E9F3, #6E99AE, #005F8A, #003C34, #000720)
- Cornflower Study color palette (#E6F0FF, #3688FE, #AE7100, #816E00, #002151)
Browse the whole catalog at Explore, or see today's palette.