Petrol Veranda color palette — #F0F6FA · #D8D9E0 · #BDBDCC · #00829A · #3B4A52
Cerulean takes the lead with Charcoal close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F0F6FA): bright and airy, almost weightless.
- Silver (#D8D9E0): a clean, paper-quiet neutral.
- Ash (#BDBDCC): A luminous, dusty violet — the color of twilight just after sunset.
- Cerulean (#00829A): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#3B4A52): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Dusty Petrol Canyon color palette (#ECF3F6, #D6D8E3, #C0BACB, #39818C, #232E33)
- Worn Cerulean Atelier color palette (#F1F7F2, #D0DFE1, #DEC3C5, #519CA7, #424A44)
- Aged Sapphire Veranda color palette (#F1F5FE, #DCD7E2, #B9B8D9, #4E60BE, #344056)
- Cypress Terrace color palette (#EEF8F5, #91B8B5, #3B8369, #34616E, #244A47)
- Abyss Harbor color palette (#E3E9ED, #9DABBA, #71809A, #003D52, #041620)
- Washed Chestnut color palette (#ECF7FF, #A8B3C6, #7C80A4, #845940, #36563F)
- Tempered Cocoa Atelier color palette (#E6FCEA, #4EA4C2, #50699B, #7C3525, #254056)
- Iris Quarry color palette (#ECF7FF, #A0F7FF, #76C9FF, #737DE9, #223D56)
Browse the whole catalog at Explore, or see today's palette.