Pine Veranda color palette — #EFF7F7 · #9ECDB2 · #0E8F90 · #287F57 · #233034

Teal and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Pistachio (#9ECDB2): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#0E8F90): A full-bodied, balanced teal — the color of glacier melt.
• Teal (#287F57): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#233034): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged duotone, 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

• Muted Pine color palette (#F0F7F4, #C0C591, #449058, #6F7315, #233130)
• Cobalt Workshop color palette (#EFF7FA, #7DCFDE, #4D7FBE, #007B8B, #262F39)
• Softworn Mint Bloom color palette (#EAF4F2, #A4D390, #458AB9, #597D49, #0D171F)
• Ancient Market color palette (#E1FBFF, #7DCBC6, #1798A0, #006979, #004E63)
• Tempered Azure color palette (#F5F6EE, #BADEA6, #59A4D4, #799767, #21322C)
• Softworn Courtyard color palette (#D7EAF3, #00859A, #00426D, #003943, #00040B)
• Weathered Chapel color palette (#E7F9FC, #00BBA4, #007182, #006457, #04202B)
• Dusty Lagoon Harbor color palette (#EFF7F8, #D4DBE1, #B0AAB5, #578F7E, #495556)

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