Petrol Veranda color palette — #DDF9F6 · #51ABBB · #1A749B · #533671 · #052635
Slate takes the lead with Royal Purple close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#DDF9F6): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#51ABBB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#1A749B): A full-bodied, balanced blue — the color of open sky before noon.
- Royal Purple (#533671): A deep, shadowed, balanced violet — the color of wild irises.
- Midnight (#052635): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged retro, muted, cool.
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
- Patina Garnet color palette (#FBECFF, #69A2D4, #5468A3, #6B2B58, #112439)
- Navy Quarry color palette (#DFF9F1, #66AE8A, #007C70, #1A467C, #00292B)
- Antique Petrol Harbor color palette (#D7E7EF, #00829C, #1B3444, #001925, #01070B)
- Petrol Bloom color palette (#FFF2EA, #37AC9D, #0071A9, #743C22, #2C4431)
- Powdered Cerulean color palette (#F4F8E5, #50C4D4, #0092C3, #6C5889, #284434)
- Ultramarine Workshop color palette (#FFE9ED, #0087C9, #003DC8, #57004D, #001327)
- Pewter Delta color palette (#DCEBFF, #AEBAD3, #80859E, #63506C, #3F2A41)
- Weathered Chestnut Orchard color palette (#FFF0F7, #89DFCE, #4E9AC9, #924F22, #133742)
Browse the whole catalog at Explore, or see today's palette.