Pine Villa color palette — #E0F7F7 · #007F40 · #005F71 · #003550 · #14010A
Built around Olive, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Ivory (#E0F7F7): A whisper-light, dusty teal — the color of shallow lagoons.
- Olive (#007F40): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#005F71): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Teal (#003550): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#14010A): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant, 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
- Tempered Alley color palette (#E0F7F9, #007D69, #2D4497, #1A2A66, #18020D)
- Airy Olive Station color palette (#DFF8F2, #518028, #345F00, #173275, #160109)
- Timeworn Aubergine Quarry color palette (#E1F6FC, #008280, #005857, #3D256D, #000E06)
- Pine Lagoon color palette (#E5F6F4, #4A864B, #006374, #682752, #001614)
- Aubergine Dune color palette (#EAFAF0, #746900, #004E7B, #570064, #2B1124)
- Pine Grove color palette (#EFDBC7, #A5A659, #357A2B, #00463A, #00191E)
- Eclipse Navy Lantern color palette (#D4F0EC, #005827, #003069, #001B40, #040003)
- Hushed Nightshade color palette (#DCF5FF, #00696C, #1C12CB, #330084, #0A0500)
Browse the whole catalog at Explore, or see today's palette.