Petrol Veranda color palette — #DDF3F2 · #8DBDE2 · #0069B5 · #003B4F · #00020C
Royal Blue and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#DDF3F2): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#8DBDE2): A luminous, dusty blue — the color of a favorite pair of jeans.
- Royal Blue (#0069B5): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003B4F): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#00020C): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Hushed Petrol color palette (#E4F1EF, #7FC5C7, #007581, #003E39, #000304)
- Quiet Navy Quarry color palette (#F5E9DC, #5291BC, #12419D, #002B2F, #04001A)
- Cornflower Chapel color palette (#EDDDE3, #7CB7E2, #3679FF, #006C74, #12073A)
- Ancient Petrol color palette (#ECF8F8, #DBDCE7, #81A9DE, #0078A5, #1C2D52)
- Worn Teal Market color palette (#E4FBF5, #B5EBFF, #00AFB6, #007463, #002A30)
- Softworn Bronze Lantern color palette (#E2F2E1, #A2803D, #694500, #331B00, #020100)
- Plum Alley color palette (#F8E1FB, #BE004D, #774F00, #5B0096, #040001)
- Muted Study color palette (#EFE2F0, #D53D60, #6E6B00, #730027, #010100)
Browse the whole catalog at Explore, or see today's palette.