Petrol Veranda color palette — #D3F2FF · #007685 · #122A4C · #001C21 · #00080F
A conversation between Teal and Midnight, giving this palette its sense of trust and stability.
The five colors
- Frost (#D3F2FF): A whisper-light, dusty blue — the color of open sky before noon.
- Teal (#007685): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#122A4C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#001C21): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#00080F): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Charred Grove color palette (#D4F0FF, #005F75, #3B3139, #0E1736, #000B13)
- Cerulean Market color palette (#D9E9F1, #0097AC, #004B6D, #002B3A, #061417)
- Sapphire Hollow color palette (#DFECFD, #0063D1, #331F49, #021736, #050A16)
- Aged Cobalt color palette (#EEF1FD, #7874B3, #3F384C, #242836, #14151C)
- Tempered Workshop color palette (#DDEEE1, #00B5CB, #51688A, #304838, #0D1408)
- Nocturne Lapis color palette (#DBE1EE, #4329E5, #310C35, #080135, #000813)
- Inked Aubergine Archive color palette (#EAEDFF, #642C00, #3B0072, #230B1C, #0D0007)
- Charred Nightshade Hollow color palette (#E5EFFF, #0602B0, #241A1D, #11001B, #000011)
Browse the whole catalog at Explore, or see today's palette.