Petrol Veranda color palette — #EAF5F0 · #77BDE2 · #C68F55 · #1F7BA3 · #35302B

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

The five colors

• Cream (#EAF5F0): bright and airy, almost weightless.
• Sky (#77BDE2): A luminous, balanced blue — the color of open sky before noon.
• Mustard (#C68F55): A luminous, balanced gold — the color of honey in a jar.
• Cerulean (#1F7BA3): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#35302B): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Weathered Lagoon color palette (#E4FBF3, #6DB9EB, #C18C57, #41799D, #524C46)
• Blush Meadow color palette (#E9F5EF, #80BDDA, #D18098, #277B9E, #472722)
• Timeworn Courtyard color palette (#FFECF2, #C2A4E1, #BA9748, #80639B, #34302A)
• Worn Cabin color palette (#ECF7FF, #7DD0F9, #DBA56C, #5295B7, #61434E)
• Washed Azure color palette (#E1F8EF, #58A6D2, #AE8645, #927241, #152D25)
• Denim Thicket color palette (#F8EEF6, #C5C79A, #525E90, #41273B, #191117)
• Dusty Chestnut Corridor color palette (#F6F1E7, #C0BD9F, #8E8356, #7C4B11, #2B2E21)
• Wandering Ultramarine color palette (#FFEAFD, #5D94FF, #AA7800, #074BCF, #2D1D00)

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