Pine Veranda color palette — #F8F3F8 · #D3D7ED · #62A4BA · #507B53 · #415569

Built around Olive, softened by Blue Fog — the whole palette hums with nature and growth.

The five colors

• Ivory (#F8F3F8): bright and airy, almost weightless.
• Silver (#D3D7ED): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#62A4BA): A luminous, dusty blue — the color of open sky before noon.
• Olive (#507B53): A full-bodied, dusty green — the color of fresh herbs.
• Peacock (#415569): A full-bodied, dusty blue — the color of open sky before noon.

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

• Weathered Balcony color palette (#F1F7F2, #D0E2F3, #72BFCB, #54957D, #425661)
• Muted Turquoise color palette (#F5F1EB, #C6E5DC, #55ABB7, #367A62, #233D30)
• Ancient Onyx color palette (#F8E9F4, #5B9BA6, #004F75, #003220, #040645)
• Cobalt Study color palette (#FEF1FA, #A8D6EC, #1E85CB, #00694F, #313B6D)
• Hushed Chestnut color palette (#EEF8F2, #A0C0B8, #868258, #765731, #364D4D)
• Weathered Cerulean Alley color palette (#F4F4FF, #E5D7DF, #EBB8B6, #7886B2, #554C62)
• Antique Study color palette (#FAF2FF, #BB869B, #8C8E4C, #658230, #4A3C53)
• Worn Violet color palette (#F4F4FF, #C1A3CE, #7CA66F, #9156A8, #2B5650)

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