Pine Veranda color palette — #FBF6DF · #8BAE75 · #007338 · #00463F · #080800
Pine and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FBF6DF): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#8BAE75): A luminous, balanced green — the color of fresh herbs.
- Pine (#007338): A full-bodied, balanced teal — the color of sea glass.
- Forest (#00463F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#080800): A deep, shadowed, dusty green — the color of new leaves after rain.
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
- Wandering Summit color palette (#E2E3CE, #4AA270, #005B4A, #003237, #000201)
- Gentle Pine Harbor color palette (#F8F6E4, #94CC8A, #008D59, #3B5177, #191A00)
- Patina Abyss color palette (#EFE5CE, #74823B, #1C4800, #001E30, #010100)
- Timeworn Cerulean color palette (#FBF4EA, #91DADF, #0089A1, #005345, #000F18)
- Tempered Lagoon Ridge color palette (#F6F6E9, #B2DCBC, #00A17E, #55618D, #252B0E)
- Washed Teal color palette (#F7F6E7, #B5EEDE, #62B08D, #667E66, #373D00)
- Hushed Indigo color palette (#D6E0FF, #5264FA, #C42000, #006631, #01000E)
- Ultramarine Dune color palette (#FFE5FB, #5E8CF8, #977500, #0A26D4, #0C0700)
Browse the whole catalog at Explore, or see today's palette.