Petrol Veranda color palette — #CFE8F7 · #007E9D · #163551 · #001926 · #000609

Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Frost (#CFE8F7): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#007E9D): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#163551): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001926): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000609): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, 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

• Denim Drift color palette (#CEE3F7, #0065A1, #382D30, #162049, #000A17)
• Washed Sapphire color palette (#DFEAFF, #4C62DD, #362C4E, #0C1234, #00050F)
• Muted Alley color palette (#CCECD9, #009BBC, #42527C, #20352A, #020601)
• Azure Terrace color palette (#DAE6F4, #5A91D9, #424C67, #212F40, #111920)
• Soft Pine color palette (#E0ECFF, #5D82D9, #C94946, #008020, #0C1C45)
• Aged Cerulean Terrace color palette (#E9F1EA, #9ACEDC, #0097A9, #006F54, #003343)
• Orchid Archive color palette (#E2E1FB, #AE57E0, #5C3653, #321A41, #0D101F)
• Patina Pine Boulevard color palette (#D9E9E1, #9AAC82, #35853C, #006454, #003128)

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