Petrol Veranda color palette — #F1E0D7 · #76C0C4 · #0081A1 · #005C41 · #002139
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#F1E0D7): A whisper-light, dusty orange — the color of sun-warmed clay.
- Mint Leaf (#76C0C4): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#0081A1): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005C41): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#002139): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: 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
- Tempered Cobalt color palette (#F2E7DF, #7FBBD6, #0077CC, #005957, #10164F)
- Aged Alley color palette (#FEF1FA, #8ADCE2, #0087A9, #00543B, #000E1C)
- Antique Cobalt Corridor color palette (#FAEBE3, #A7CFB8, #2C8FC9, #006D61, #132B5A)
- Tempered Denim color palette (#E0EFEC, #69ABB0, #00636F, #003E3A, #00242D)
- Lilac Canyon color palette (#DFEEE2, #94C6E8, #9F8CEA, #007864, #002E3B)
- Softworn Turquoise color palette (#C7EDFA, #00ADD7, #007186, #003849, #000B10)
- Dusty Studio color palette (#DDF8E5, #0097AB, #CF274F, #005D6B, #39000D)
- Quiet Azure Studio color palette (#FFF2EC, #9AEAF7, #45A8D3, #00856B, #1E4167)
Browse the whole catalog at Explore, or see today's palette.