Petrol Veranda color palette — #F4F7EA · #5FC6EB · #0078A3 · #00545F · #003755
Cerulean and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F4F7EA): bright and airy, almost weightless.
- Sky (#5FC6EB): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0078A3): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00545F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#003755): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Antique Cobalt Harbor color palette (#FFEEE4, #4DCCF4, #0077BB, #00524C, #040E4E)
- Weathered Cerulean color palette (#F5F6EF, #A6D1B8, #0084AB, #005E67, #0E3F58)
- Azure Terrace color palette (#FFF0F8, #76DAFB, #0094E3, #00736A, #192E66)
- Timeworn Dune color palette (#DEE2D3, #74A6BF, #005E88, #003C48, #00213A)
- Gentle Study color palette (#D7FFF7, #60EAED, #00B0CC, #007C5C, #004542)
- Hushed Petrol Loft color palette (#F4F6EF, #C5E7E8, #739FC0, #33798D, #5B4D5D)
- Periwinkle Corridor color palette (#FFF2EA, #9CE6FF, #5EB0FF, #009A7E, #28286B)
- Dusty Lagoon Bloom color palette (#E0E0D5, #28A39E, #005558, #003128, #00181B)
Browse the whole catalog at Explore, or see today's palette.