Petrol Veranda color palette — #EDF3F7 · #D6D7E3 · #BDBBD2 · #457BA0 · #252D34

Built around Slate, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#EDF3F7): bright and airy, almost weightless.
• Silver (#D6D7E3): bright and airy, almost weightless.
• Ash (#BDBBD2): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#457BA0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#252D34): 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

• Driftwood Summit color palette (#EFF2F8, #D8D5DD, #B4A49E, #7580AC, #32363E)
• Hushed Indigo color palette (#F0F1F9, #DED2E3, #BFB9E2, #725CA4, #222432)
• Driftwood Loft color palette (#DCE7FF, #A7AED1, #817FA5, #675568, #42303D)
• Timeworn Lagoon Lagoon color palette (#E7F5F5, #86C1B1, #2F847B, #2B5C6C, #0A2D30)
• Wandering Field color palette (#E5ECF3, #96A1B1, #6B7C9C, #003766, #01040B)
• Aged Cobalt Loft color palette (#DFE7F5, #4C70C8, #273048, #0E1623, #04070B)
• Pale Coast color palette (#E9F3FF, #B0DEFF, #80B6FF, #7F87DC, #18263B)
• Patina Ridge color palette (#EBF2FD, #CAD4E8, #A6A6D3, #1950C1, #111A27)

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