Petrol Veranda color palette — #D1E7F4 · #006E87 · #0F2645 · #021621 · #010509

Built around Peacock, softened by Midnight — the whole palette hums with trust and stability.

The five colors

• Frost (#D1E7F4): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#006E87): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#0F2645): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#021621): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#010509): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Wandering Cobalt color palette (#D8E7F4, #0077B9, #28314B, #11212E, #090E14)
• Onyx Ridge color palette (#D5EDFF, #004C68, #15151D, #03013D, #000308)
• Dusty Turquoise color palette (#DDF2E6, #00ABD4, #446A61, #294336, #061008)
• Aged Cobalt color palette (#D2E7FF, #257BD1, #995C00, #5C6000, #192D42)
• Twilit Aubergine color palette (#D8DFF7, #6B3209, #31007D, #281024, #0B000D)
• Obsidian Ultramarine Orchard color palette (#CEDFFB, #1522FD, #280B45, #02072D, #02030D)
• Inked Amethyst Garden color palette (#E6E9FF, #811DE6, #45133D, #14152B, #080511)
• Timeworn Cobalt Corridor color palette (#D5E8ED, #009FD9, #0075C3, #2F4597, #362F56)

Browse the whole catalog at Explore, or see today's palette.