Petrol Veranda color palette — #DFE9E1 · #8CB9CB · #0081A0 · #005A50 · #002235
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Parchment (#DFE9E1): a clean, paper-quiet neutral.
- Ash (#8CB9CB): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0081A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005A50): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#002235): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Cobalt Lagoon color palette (#D9E1DA, #89B8D8, #3976BD, #005766, #0C1553)
- Cobalt Chapel color palette (#E9F1EB, #A6CADF, #0090D0, #006B6F, #062E58)
- Muted Cerulean Atelier color palette (#FEF4E4, #75DEEC, #0087A7, #005249, #000E19)
- Denim Studio color palette (#E6DDE4, #66ABB3, #005F83, #004125, #061B48)
- Worn Azure Harbor color palette (#EFE2DD, #55D4E2, #009ED8, #00824F, #041B4A)
- Dusty Lagoon Workshop color palette (#F1F7F2, #D0DEF6, #6AAED3, #008C8A, #2D4A67)
- Frosted Sapphire Canyon color palette (#D2DEFC, #CAB5F9, #C683BE, #006BC7, #241A41)
- Powdered Indigo Workshop color palette (#E2E9FA, #5F61DF, #B53700, #006940, #0C0539)
Browse the whole catalog at Explore, or see today's palette.