Petrol Veranda color palette — #F1E7E1 · #9EBDA1 · #007793 · #004E35 · #00182A
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Parchment (#F1E7E1): bright and airy, almost weightless.
- Sage (#9EBDA1): A luminous, dusty green — the color of fresh herbs.
- Teal (#007793): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004E35): A deep, shadowed, balanced teal — the color of sea glass.
- Ink (#00182A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Weathered Cobalt Loft color palette (#FBEFEA, #B4CFBC, #0986B7, #005D4D, #022044)
- Petrol Terrace color palette (#EFEFE6, #81BDC1, #007684, #00504B, #00343F)
- Airy Cobalt color palette (#F3E6DD, #8CBBD4, #256CB8, #004B4C, #0D0B3F)
- Timeworn Pier color palette (#F0E6E1, #80A692, #005D93, #003A35, #010034)
- Ancient Harbor color palette (#EFE0D9, #468293, #004061, #00201B, #000108)
- Dusty Cerulean Thicket color palette (#ECF8F6, #C8E2FF, #00A4B6, #006B63, #00232B)
- Aged Cerulean color palette (#F6F1EC, #C6E4D8, #6590C7, #006C6E, #3D2135)
- Softworn Veranda color palette (#FEE1FC, #CDBCF6, #DF85BA, #00658D, #1A1640)
Browse the whole catalog at Explore, or see today's palette.