Petrol Veranda color palette — #F1F3EC · #C4E2E3 · #76A2C1 · #26768A · #133F35
Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F1F3EC): a clean, paper-quiet neutral.
- Silver (#C4E2E3): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#76A2C1): A luminous, dusty blue — the color of deep harbor water.
- Teal (#26768A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#133F35): A deep, shadowed, dusty teal — the color of shallow lagoons.
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 Coast color palette (#E9EAE0, #81C0C6, #00788A, #004B48, #001921)
- Muted Petrol color palette (#F1F3EC, #C5E1E4, #AD91B1, #36738E, #412F41)
- Dusty Periwinkle color palette (#FAF3F6, #D8DFF0, #739CCC, #317C7B, #495366)
- Navy Atelier color palette (#DFE3D7, #638EB7, #004693, #00293C, #00011D)
- Antique Lagoon color palette (#F3F3E4, #BDD9BA, #00959B, #006455, #002B30)
- Timeworn Navy color palette (#EEF2E5, #518475, #003C6E, #001D29, #000106)
- Patina Teal color palette (#FAF4F0, #C8DBE5, #BDBEEA, #3FA3A3, #5F4357)
- Tempered Field color palette (#FFEDEB, #C2899C, #B08357, #7A6EA9, #37201E)
Browse the whole catalog at Explore, or see today's palette.