Pine Veranda color palette — #E1FCF7 · #6BAD78 · #12754D · #60404D · #193C3A
A conversation between Pine and Jade, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E1FCF7): A whisper-light, dusty teal — the color of sea glass.
- Jade (#6BAD78): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#12754D): A full-bodied, balanced teal — the color of sea glass.
- Cocoa (#60404D): A full-bodied, dusty rose — the color of pressed rose petals.
- Deep Teal (#193C3A): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
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
- Softworn Fern color palette (#E9FAF3, #8DA661, #47702D, #3C523C, #203C34)
- Cypress Field color palette (#E7F6F2, #86AB8C, #23755A, #4F3E5C, #002220)
- Worn Lagoon Study color palette (#D2EAE9, #30A278, #006451, #3D4117, #023031)
- Wandering Olive color palette (#EEF8F0, #BAB17B, #777737, #69525E, #31493B)
- Stone Orchard color palette (#EDF8F4, #B3C9A0, #5F8B84, #5B6B5D, #3C524D)
- Hushed Lagoon Ridge color palette (#F7F6E6, #96C19D, #4C9076, #7F5469, #333A00)
- Faded Pine color palette (#D2EDD4, #9E7000, #238133, #943645, #1B321E)
- Dusty Driftwood Boulevard color palette (#EBF9F3, #A8D7B5, #5CB1A9, #9F70A2, #003E3D)
Browse the whole catalog at Explore, or see today's palette.