Weathered Petrol Veranda color palette — #F0F7F2 · #D1DEDD · #B3C3C3 · #39808D · #414A44

Built around Slate, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#D1DEDD): a clean, paper-quiet neutral.
• Stone (#B3C3C3): soft and architectural.
• Slate (#39808D): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#414A44): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Weathered Petrol 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 Atelier color palette (#EFF7F5, #DDD4D3, #AB9F95, #628C80, #4D5552)
• Petrol Market color palette (#EEF4EF, #D0D9D9, #CFB9BF, #1C848D, #262F28)
• Petrol Balcony color palette (#FCF1FA, #EAD3D6, #CBB5C0, #4E67A6, #4B3948)
• Abyss Parlor color palette (#E5F1EA, #9CAEA6, #65887E, #003E4F, #03190F)
• Worn Denim color palette (#EEF8F3, #BCDAD1, #B39FB3, #006288, #193A2E)
• Fern Ridge color palette (#F6F7E6, #96BB97, #537F63, #4F6043, #414700)
• Washed Veranda color palette (#D8FFF3, #C9B0C8, #8F7A88, #795C5D, #65443E)
• Worn Cobalt color palette (#D6EAE2, #007AAE, #3D2A3F, #0D241D, #050F0F)

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