Petrol Veranda color palette — #EAF9F4 · #6FA5D3 · #B57D19 · #006AA9 · #583C0F

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

The five colors

• Ivory (#EAF9F4): bright and airy, almost weightless.
• Cornflower (#6FA5D3): A luminous, balanced blue — the color of open sky before noon.
• Mustard (#B57D19): A luminous, balanced gold — the color of old brass.
• Peacock (#006AA9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#583C0F): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

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

• Washed Lapis color palette (#FEF1F9, #949BCF, #B27E22, #5455C1, #5A3C00)
• Amber Veranda color palette (#E8F3FF, #72A8E0, #CA7F0E, #0262AA, #3A2100)
• Frosted Ember color palette (#EAF9F2, #56ABCE, #C76B60, #007091, #64312B)
• Soft Marigold Dune color palette (#E7FAF5, #7CBDFF, #E39C29, #307CC3, #573C14)
• Patina Bronze color palette (#FFF0FF, #5E8BC4, #A07100, #666804, #442F46)
• Softworn Grove color palette (#FFD7EF, #796EEF, #926700, #4B00CF, #3E2900)
• Dusty Workshop color palette (#FBF5E4, #AAAA81, #787540, #6E4912, #324500)
• Lagoon Boulevard color palette (#E7FAF4, #FBDCDC, #F5B9D4, #2F8A90, #564053)

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