Petrol Veranda color palette — #E6F1EB · #9FB5B7 · #BC9BB8 · #007D9E · #00190E
Built around Cerulean, softened by Mauve — the whole palette hums with trust and stability.
The five colors
- Cream (#E6F1EB): bright and airy, almost weightless.
- Ash (#9FB5B7): A luminous, dusty blue — the color of a favorite pair of jeans.
- Mauve (#BC9BB8): A luminous, dusty pink — the color of neon signs at night.
- Cerulean (#007D9E): A full-bodied, balanced blue — the color of open sky before noon.
- Ink (#00190E): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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 Cypress Bloom color palette (#E0E6DD, #A3B4AF, #7E9F9C, #00856F, #0B1804)
- Muted Denim Basin color palette (#DEEAE2, #BBB0BB, #AB8A9A, #005D70, #03190E)
- Weathered Market color palette (#E2F2FC, #8FA2B5, #6D7D94, #003D4E, #00050A)
- Sapphire Alley color palette (#ECE3EC, #BFAAAD, #B98D8C, #006DDB, #1E0B1F)
- Chestnut Orchard color palette (#C7E6FD, #768DC9, #7C689F, #7B4400, #291F00)
- Iris Lantern color palette (#F3ECF0, #DCCFCE, #D3B2AA, #8187E6, #392833)
- Azure Basin color palette (#EBF9F3, #F2D8E0, #E1BAC0, #00A4E3, #183A2F)
- Ultramarine Study color palette (#EAE2D2, #0095C7, #4459CF, #7B2900, #000C1A)
Browse the whole catalog at Explore, or see today's palette.