Pine Veranda color palette — #FFF2ED · #62E1E3 · #009BC3 · #007831 · #003264

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Ice Blue (#62E1E3): A whisper-light, balanced teal — the color of glacier melt.
• Cerulean (#009BC3): A luminous, balanced blue — the color of deep harbor water.
• Olive (#007831): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#003264): A deep, shadowed, balanced blue — the color of deep harbor water.

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

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

• Aged Turquoise Delta color palette (#FDF2EF, #C3DDC1, #24A5C7, #3A7D40, #1F3D5A)
• Patina Cornflower Quarry color palette (#FFF2EA, #83D8F9, #1E8CFA, #007463, #2D2A61)
• Powdered Cobalt Field color palette (#F3E6E1, #79BFC6, #007FAC, #005D35, #051C47)
• Pale Turquoise Garden color palette (#F6F7E3, #85EEF1, #00C0D2, #00998C, #003A45)
• Worn Hollow color palette (#FBF3F0, #C1E1EA, #81B9DC, #659279, #5F4B5C)
• Muted Atelier color palette (#F3E4DA, #47A0B7, #005C97, #003D2E, #05002C)
• Washed Balcony color palette (#FFE3F0, #EC2AA8, #0090A8, #006BD5, #3D102B)
• Gentle Delta color palette (#FFDBD6, #FC59A1, #0099CA, #BD006B, #003346)

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