Petrol Veranda color palette — #EFF6FA · #98C9DD · #8073AA · #007B8A · #2A2D3B
A conversation between Teal and Slate, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF6FA): a clean, paper-quiet neutral.
- Sky (#98C9DD): A luminous, dusty blue — the color of open sky before noon.
- Slate (#8073AA): A full-bodied, balanced violet — the color of a velvet chair.
- Teal (#007B8A): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#2A2D3B): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, 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 Pine Ridge color palette (#EFF7F7, #9DCDB4, #5382AC, #008158, #242F3A)
- Muted Cobalt color palette (#F1F5FB, #ABC2E1, #A46593, #3A6CB6, #302B39)
- Aged Iris color palette (#EBF3F5, #8CD3CB, #936FBC, #00837B, #14151F)
- Muted Chestnut Drift color palette (#EAFAED, #88ACCA, #6D73A1, #7F4A2E, #36495F)
- Hushed Basin color palette (#EAF7FF, #98BADB, #657FB5, #525097, #523977)
- Hushed Wisteria color palette (#F2F7F1, #A4DFD3, #BA82CF, #1EA190, #39292D)
- Timeworn Pier color palette (#EBF7FE, #5891A5, #92526D, #724600, #1C3737)
- Hazy Grape color palette (#ECF7FF, #21AFE8, #893CA5, #005E80, #291033)
Browse the whole catalog at Explore, or see today's palette.