Petrol Veranda color palette — #F1F7F2 · #D1DEDD · #ADC6C6 · #3D7F8B · #404B43

A conversation between Slate and Stone, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D1DEDD): a clean, paper-quiet neutral.
• Stone (#ADC6C6): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#3D7F8B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#404B43): quiet, heavy and certain.

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

Use it as a design system

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

• Aged Lagoon Coast color palette (#EFF7F5, #DED4D3, #AA9F95, #628C7F, #4B5552)
• Dusty Delta color palette (#EDF4EE, #CEDADA, #CDBABF, #3F8186, #272E28)
• Washed Abyss Dune color palette (#E1E9E4, #9CAEA6, #5A8B7C, #003E4E, #03190E)
• Patina Petrol color palette (#FBF2F9, #E9D4D6, #D7AEC4, #4C67AA, #473C45)
• Dusty Denim Quarry color palette (#EFF8F4, #BCDBD1, #8CA9CF, #006287, #1F392F)
• Worn Pine Hollow color palette (#F6F6EC, #95BB95, #358556, #505F44, #414700)
• Sunlit Villa color palette (#E5FBF0, #90EDFF, #4FCAFE, #468DD1, #234539)
• Weathered Cocoa Market color palette (#DBFEF4, #C6ABC2, #8884B5, #7A5957, #6E3E00)

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