Pine Veranda color palette — #DBF9F9 · #008D62 · #005F6D · #133677 · #2C2E00

Fern takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#DBF9F9): A whisper-light, dusty teal — the color of glacier melt.
• Fern (#008D62): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005F6D): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#133677): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Forest (#2C2E00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.

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

• Frosted Balcony color palette (#E3F6FB, #008887, #025989, #3D2B6F, #063607)
• Dusty Pine Atelier color palette (#DBF9F6, #3F8950, #006065, #5A2C00, #2E2D00)
• Worn Teal color palette (#CEEAE0, #15AE9A, #007870, #005251, #043649)
• Quiet Olive color palette (#E5F7EF, #7A7D00, #006440, #00434B, #442100)
• Airy Corridor color palette (#C9E7EF, #006561, #003B58, #21005B, #051700)
• Linen Nightshade Boulevard color palette (#CDEEFF, #007B93, #0F36BB, #4C006B, #002C1A)
• Fern Dune color palette (#E8FAF4, #8AA575, #466F41, #465029, #1C3C36)
• Pine Quarry color palette (#D9F7F6, #00764A, #062C2F, #001818, #010507)

Browse the whole catalog at Explore, or see today's palette.