Petrol Veranda color palette — #E2ECE4 · #7EBCE1 · #316EAB · #004A54 · #081333
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Parchment (#E2ECE4): a clean, paper-quiet neutral.
- Sky (#7EBCE1): A luminous, balanced blue — the color of deep harbor water.
- Slate (#316EAB): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004A54): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#081333): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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 Petrol color palette (#E1ECE3, #66C5C4, #007987, #004D3A, #001922)
- Wandering Lagoon color palette (#EAF5EC, #ACCBEA, #5D7BB3, #00586E, #141F3A)
- Petrol Loft color palette (#F7ECE4, #92BCAB, #3368AF, #004F52, #262952)
- Lilac Veranda color palette (#DAECFF, #B5C9FF, #AF91D1, #156E88, #091932)
- Worn Dune color palette (#EDF4EE, #D7DBEF, #829EC5, #4B7183, #2D3648)
- Weathered Cobalt color palette (#D6E2ED, #0088C8, #A05400, #004B72, #200C00)
- Worn Cerulean Grove color palette (#D6E3D8, #0099BA, #005071, #002C2C, #00040E)
- Chalky Cornflower color palette (#E6F0FF, #428EFB, #005BA3, #002953, #000513)
Browse the whole catalog at Explore, or see today's palette.