Petrol Veranda color palette — #DFF0ED · #70AEB3 · #007383 · #004A47 · #00171E
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#DFF0ED): bright and airy, almost weightless.
- Blue Fog (#70AEB3): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007383): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004A47): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#00171E): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Petrol Quarry color palette (#DEEDEB, #79BCD3, #007FA9, #005862, #002235)
- Weathered Petrol Field color palette (#EEF0DD, #6BC7D2, #007486, #003E3C, #000305)
- Softworn Orchard color palette (#E4F3F2, #7397B3, #005C95, #003949, #00091B)
- Faded Ultramarine color palette (#D3EAE9, #82A6C7, #0063C5, #004662, #000647)
- Cerulean Lagoon color palette (#EAF9F7, #93D7E9, #009BC2, #007178, #00384E)
- Periwinkle Workshop color palette (#EBF8F8, #BFDFFF, #589BFB, #007BAC, #233B7A)
- Mulberry Delta color palette (#E5E9FF, #4E50D3, #9E0079, #005460, #040027)
- Faded Canyon color palette (#E9F0FF, #BBAAF2, #AB7BCD, #3650BB, #1C113F)
Browse the whole catalog at Explore, or see today's palette.