Petrol Veranda color palette — #F6ECE5 · #87B9D1 · #2B6BA9 · #00504E · #1F285C
Slate takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F6ECE5): a clean, paper-quiet neutral.
- Ash (#87B9D1): A luminous, dusty blue — the color of deep harbor water.
- Slate (#2B6BA9): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Navy (#1F285C): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Softworn Petrol Meadow color palette (#F9EBE5, #99BC9D, #007390, #005239, #003050)
- Muted Summit color palette (#DCEDEB, #99B8CD, #0073A5, #004957, #00172B)
- Antique Cerulean Alley color palette (#EDF0E3, #98CDE6, #378FC0, #00697B, #003050)
- Patina Cobalt Orchard color palette (#FAF4EE, #A4D0C1, #5678B4, #005F65, #502E43)
- Aged Denim color palette (#FAEBE4, #499DAE, #005071, #003128, #001231)
- Sunlit Periwinkle Lantern color palette (#F8EAF1, #9FDDFB, #53A8FF, #00918F, #232B4D)
- Patina Cypress color palette (#FCF3EF, #C7E6CC, #4895B1, #157356, #225246)
- Cypress Market color palette (#FAF4EE, #CCE5E6, #AA8FAA, #3B7A7D, #614A59)
Browse the whole catalog at Explore, or see today's palette.