Petrol Veranda color palette — #DBEDEC · #6EBEE7 · #1C72A4 · #004958 · #00172D

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

The five colors

• Frost (#DBEDEC): bright and airy, almost weightless.
• Sky (#6EBEE7): A luminous, balanced blue — the color of open sky before noon.
• Slate (#1C72A4): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004958): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#00172D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Tempered Petrol Lagoon color palette (#F5EDE1, #8AB9D1, #2F6D9F, #004F56, #152C56)
• Hazy Lilac Loft color palette (#D2E8FF, #AAC7FF, #9A9EEC, #0A6189, #0B1D32)
• Teal Station color palette (#D9EAE6, #57ACAA, #00656A, #003A32, #000D10)
• Ancient Cerulean Ridge color palette (#E3F7F3, #79E3E8, #0094A3, #00635B, #002A33)
• Pale Grape Alley color palette (#DAE8F6, #006FB4, #7D39A0, #00594E, #000B1A)
• Hushed Cobalt color palette (#F8EAF1, #97CDE8, #5486D3, #006D62, #2C2457)
• Dusty Navy Loft color palette (#DBEAE9, #3B7CB8, #00387C, #001D2C, #00000D)
• Quiet Atelier color palette (#D8EEFF, #0089C0, #A73296, #004C6D, #250020)

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