Petrol Veranda color palette — #F6ECE6 · #7ABDCF · #006DAE · #00523E · #222954
Built around Peacock, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Cream (#F6ECE6): bright and airy, almost weightless.
- Cyan (#7ABDCF): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006DAE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00523E): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#222954): A deep, shadowed, dusty 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
- Patina Cobalt Lagoon color palette (#FCF3ED, #8ECFED, #5179B2, #006155, #383559)
- Petrol Cabin color palette (#E0ECEA, #84BDD0, #00759A, #004A52, #001827)
- Patina Denim color palette (#ECDBCC, #6FA5CC, #384FA3, #003E3D, #251243)
- Dusty Corridor color palette (#CDE5DB, #009F98, #006982, #003F6A, #311C50)
- Azure Delta color palette (#C3E8FF, #0E9AF2, #005B7B, #002C41, #001A29)
- Timeworn Cerulean Lantern color palette (#F7E8E2, #00A2AC, #00516D, #003219, #001135)
- Tempered Ash color palette (#D0F8E2, #BBCDFF, #B68EC3, #006754, #164034)
- Muted Periwinkle color palette (#F5EBF1, #B3D9EF, #3BADF8, #009285, #182B57)
Browse the whole catalog at Explore, or see today's palette.