Petrol Veranda color palette — #F6EFF4 · #E0D4D3 · #CCB8B0 · #66739E · #322830

Slate and Stone set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F6EFF4): bright and airy, almost weightless.
• Silver (#E0D4D3): a clean, paper-quiet neutral.
• Stone (#CCB8B0): A luminous, dusty orange — the color of sun-warmed clay.
• Slate (#66739E): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#322830): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: 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

• Pewter Thicket color palette (#FAEFF0, #E4D3C8, #D5B8AC, #8E508E, #302022)
• Dusty Driftwood Ridge color palette (#F8EFF2, #DDD5D2, #B0ADA4, #9C7684, #3D3336)
• Cobalt Canyon color palette (#F9F3F7, #E1D7D7, #CEBAB8, #676CB3, #4D454A)
• Moonless Indigo color palette (#E9D9DF, #8363AB, #402A2B, #1F1117, #0B0409)
• Timeworn Olive Courtyard color palette (#F7F1E4, #A6BC92, #6C7E3A, #684B56, #2A290D)
• Softworn Villa color palette (#EBDFE6, #B0989F, #987071, #302870, #090206)
• Fern Delta color palette (#FFE9FD, #D8B1BF, #9F7B76, #475F1E, #2C4200)
• Worn Parlor color palette (#F0E6E7, #D7C7C4, #B89D8F, #7F346C, #230F11)

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