Pine Veranda color palette — #EEF0E2 · #58B250 · #007FA2 · #197D10 · #000201
Olive takes the lead with Clover close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#EEF0E2): bright and airy, almost weightless.
- Clover (#58B250): A luminous, vivid green — the color of a quiet forest floor.
- Cerulean (#007FA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#197D10): A full-bodied, vivid green — the color of new leaves after rain.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
Use it as a design system
One click turns Pine Veranda 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 Teal Courtyard color palette (#D8E3D1, #00B394, #007BB6, #007963, #000205)
- Frosted Ridge color palette (#F1EEE0, #A0A100, #008865, #6C6C00, #010200)
- Ancient Mulberry Garden color palette (#ECE2CE, #00A07D, #007584, #7E0064, #000F0D)
- Washed Study color palette (#E5E2D6, #808C00, #005980, #434A00, #000204)
- Grape Coast color palette (#DDE1D4, #008A4A, #6700F8, #7B003F, #030100)
- Soft Mint Basin color palette (#F0F4E4, #54E28B, #00AAD7, #00AA5A, #00170D)
- Timeworn Pine Basin color palette (#D4F0EF, #007C44, #003F42, #003319, #000102)
- Hushed Lantern color palette (#E2E8DB, #9DB8AD, #74A4C0, #00865D, #101705)
Browse the whole catalog at Explore, or see today's palette.