Pine Veranda color palette — #FFF2EF · #CEE1F9 · #5BB4CE · #4B7D4A · #04372E

A conversation between Olive and Cyan, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Powder Blue (#CEE1F9): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#5BB4CE): A luminous, balanced blue — the color of open sky before noon.
• Olive (#4B7D4A): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#04372E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Tempered Pine Field color palette (#FDF3EF, #D0DCF4, #67B1D4, #3C7F55, #3D233D)
• Wandering Chapel color palette (#EBF9F5, #C1E8F1, #58C5C8, #0AA288, #00434A)
• Bronze Lantern color palette (#D8FFF4, #76BFFF, #998300, #5C7B2F, #00211A)
• Dusty Azure color palette (#FEF2EC, #BAF0FF, #4B98D7, #006C53, #161B3B)
• Antique Teal Dune color palette (#F3DFD9, #31B7B8, #005E77, #002E0D, #000104)
• Worn Forest color palette (#FCF2F8, #A4CDD7, #1B8698, #006436, #0B4058)
• Patina Teal color palette (#D9FFF3, #E8DBE0, #EBBCA4, #67AAA8, #483442)
• Patina Cobalt color palette (#F9EBE3, #66C5E6, #0A68B8, #003F33, #020013)

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