Petrol Veranda color palette — #EDF3F7 · #D8D6E0 · #C2B9C4 · #397DA3 · #242D35

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

The five colors

• Ivory (#EDF3F7): bright and airy, almost weightless.
• Silver (#D8D6E0): bright and airy, almost weightless.
• Stone (#C2B9C4): soft and architectural.
• Slate (#397DA3): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#242D35): a grounded near-black with real depth.

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

• Petrol Ridge color palette (#F0F6FB, #DAD9E3, #C4BCD4, #447AA1, #404951)
• Wandering Fern Field color palette (#D6F1F9, #9AC0CF, #778AAA, #4F673B, #093C48)
• Washed Indigo Archive color palette (#EFF1FB, #DCD3DB, #CCB6D2, #6D55BF, #1F2339)
• Navy Hollow color palette (#E9F0F6, #9A9FAF, #7D7699, #003860, #00040D)
• Muted Cerulean color palette (#F0F7F4, #E1D3D0, #ABA492, #5298BE, #414A46)
• Timeworn Denim color palette (#F8EEF5, #A3BBA4, #76794C, #5D4B72, #182D1A)
• Antique Fern Summit color palette (#DDF9EF, #5CABB1, #5F659D, #3F4D00, #092536)
• Hushed Bloom color palette (#EAE9F0, #B8B0BB, #9C8694, #681970, #0C0719)

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