Petrol Veranda color palette — #EFF6FD · #EBB89A · #50759B · #224566 · #18232E

Slate and Sand set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF6FD): bright and airy, almost weightless.
• Sand (#EBB89A): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Slate (#50759B): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#224566): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#18232E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, 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

• Hushed Terrace color palette (#F1F5FE, #B8DBC8, #6D7D9F, #434A70, #262B37)
• Ancient Cobalt color palette (#FEF0FE, #F0DBC1, #5379A6, #443145, #140C15)
• Hushed Grape Field color palette (#F2F5FF, #A2C983, #6F51BA, #3E2C6C, #15192E)
• Weathered Harbor color palette (#EBF9F4, #8BBC97, #005781, #00324C, #162520)
• Dusty Azure Summit color palette (#EDF7FE, #AAE7B1, #529EC8, #4A677C, #17232C)
• Washed Cobalt Terrace color palette (#EEF6FE, #91CBFB, #CB6E85, #1687CF, #2C1E2F)
• Dusty Pier color palette (#E0FDF4, #92B3E2, #9F71B4, #2E752F, #313C58)
• Misty Navy Dune color palette (#D7E6FC, #CFA437, #2F52B3, #071783, #030F24)

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