Pine Villa color palette — #E5F1E4 · #00774A · #00473C · #002B2D · #00171D
Pine and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#E5F1E4): A whisper-light, dusty green — the color of new leaves after rain.
- Pine (#00774A): A full-bodied, balanced teal — the color of sea glass.
- Forest (#00473C): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Forest (#002B2D): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#00171D): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Sophistication. Tagged 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
- Cypress Parlor color palette (#CEF3E5, #006864, #003B42, #001C2A, #000919)
- Worn Olive color palette (#E1E2CA, #537200, #005019, #002C1E, #001713)
- Lagoon Field color palette (#DCEADF, #00A788, #00716A, #004750, #162946)
- Timeworn Mulberry Field color palette (#DAE7D9, #006D6A, #890055, #003432, #240012)
- Sunlit Cobalt Dune color palette (#C5E7E0, #10ADCC, #4E6DC3, #004712, #00191D)
- Garnet Veranda color palette (#DFF5F2, #005952, #78003E, #600107, #000A08)
- Frosted Cerulean Hollow color palette (#CDECED, #0097AE, #005F86, #004271, #192962)
- Gentle Canyon color palette (#F9E1C5, #E90089, #00818D, #060E14, #000301)
Browse the whole catalog at Explore, or see today's palette.