Petrol Veranda color palette — #E7F2E9 · #92B7CD · #1F709A · #004F51 · #002E59

Slate takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E7F2E9): a clean, paper-quiet neutral.
• Ash (#92B7CD): A luminous, dusty blue — the color of open sky before noon.
• Slate (#1F709A): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#002E59): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Timeworn Cobalt color palette (#EEF8F0, #A7CAE3, #3F7DB4, #005E69, #263960)
• Petrol Bloom color palette (#F0E6EC, #90BAD2, #2D6DB1, #004D40, #120C3A)
• Dusty Dune color palette (#E5F4FF, #9AC4FD, #928CC3, #006E7B, #0D314D)
• Powdered Veranda color palette (#F5EDE2, #9ADFF7, #1CB0F6, #009093, #102F4F)
• Azure Orchard color palette (#C7E7FF, #339ADC, #005A82, #002C42, #001727)
• Timeworn Meadow color palette (#F0F7F1, #C3E3EC, #4698A5, #2B705B, #294C60)
• Weathered Archive color palette (#C2E4F8, #008BB2, #AC4713, #005169, #491700)
• Weathered Navy Loft color palette (#D7E9DB, #5487A9, #003B76, #002128, #02002E)

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