Petrol Veranda color palette — #E8EBE0 · #7DBCE1 · #0071AE · #00495A · #00162F
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Parchment (#E8EBE0): bright and airy, almost weightless.
- Sky (#7DBCE1): A luminous, balanced blue — the color of open sky before noon.
- Slate (#0071AE): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#00495A): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#00162F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Weathered Petrol color palette (#E6F2E8, #8BB8D3, #256BA9, #004E58, #1B2C52)
- Cypress Coast color palette (#EAEADD, #76C3C0, #007A80, #004C41, #001A1E)
- Cobalt Courtyard color palette (#EFF4E8, #A4CCF1, #4D7EBA, #0B5675, #2E162C)
- Timeworn Glacier color palette (#F2F4E2, #70E4ED, #0093A6, #00635D, #002A34)
- Tempered Cerulean Field color palette (#DDE0D3, #0099B8, #00516A, #002B2F, #00050A)
- Hushed Ash color palette (#F0F3EB, #C2E4E7, #7AA0C7, #4A7662, #412F41)
- Misty Sapphire color palette (#FFE8E5, #CE4480, #0863D8, #820047, #001030)
- Worn Orchard color palette (#FFEAED, #C30E55, #805400, #5B338A, #1D0007)
Browse the whole catalog at Explore, or see today's palette.