Patina Veranda color palette — #EFF8F0 · #AABD85 · #1B975F · #3E6A7F · #1D3C34

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Sage (#AABD85): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#1B975F): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#3E6A7F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Forest (#1D3C34): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Patina 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

• Hushed Olive Veranda color palette (#FFF1F6, #C2B579, #668F3E, #71597C, #1E3D2C)
• Aged Lagoon color palette (#EBF9F2, #A9D0AA, #26A592, #5B758B, #304845)
• Antique Lagoon Balcony color palette (#E6FBF3, #8FC2A4, #009390, #5E693B, #173C3C)
• Pine Studio color palette (#D8EADF, #8FB07D, #008666, #774255, #00312A)
• Oat Lagoon color palette (#FBF5E5, #BFDBA8, #639878, #4C6C53, #2B2906)
• Dusty Study color palette (#E3F4E9, #7A9F61, #007255, #004C65, #0D2000)
• Azure Corridor color palette (#FCF2FA, #ADDDEE, #00A3D8, #2D7E4F, #263B5C)
• Muted Periwinkle Boulevard color palette (#D4E6FF, #73AAFF, #5A9D59, #777D00, #1C2C41)

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