Petrol Veranda color palette — #F8F5EF · #C5EBF1 · #8199C8 · #327891 · #5F4C58

Slate takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Frost (#C5EBF1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#8199C8): A luminous, dusty violet — the color of a velvet chair.
• Slate (#327891): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#5F4C58): A full-bodied, dusty pink — the color of a candy shop window.

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

• Dusty Turquoise Summit color palette (#F8F5EF, #C7E9E3, #4DA6C3, #317D72, #345247)
• Timeworn Lagoon color palette (#FCF2F5, #DCDEEC, #A0B1D8, #539296, #505064)
• Worn Amber Coast color palette (#FFF1F4, #B087B9, #AC812F, #368488, #523B40)
• Washed Terrace color palette (#F3EEE5, #76BDD5, #0070A0, #004F51, #062E55)
• Jade Ridge color palette (#FFF1F5, #C1A2D3, #75A869, #86619A, #4D4E46)
• Shell Ridge color palette (#FFF1F3, #E3D8D2, #FEBABB, #AC8596, #5C4C4D)
• Cobalt Grove color palette (#F8F4EE, #A5D0BE, #2E7DBF, #005E69, #493147)
• Cerulean Studio color palette (#EAE2D7, #519DA6, #005266, #00302A, #001623)

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