Petrol Veranda color palette — #FFF1F7 · #F9CDF6 · #DB9899 · #5372A3 · #4F343B

Slate and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Thistle (#F9CDF6): A whisper-light, dusty pink — the color of peonies in June.
• Rosewood Mist (#DB9899): A luminous, balanced red — the color of late-summer berries.
• Slate (#5372A3): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#4F343B): A deep, shadowed, dusty red — the color of a theater curtain.

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

• Muted Apricot color palette (#FFF1F1, #FFCDCF, #D7A275, #745C83, #5A3B35)
• Dusty Mallow Study color palette (#DFFDF3, #DEE0FF, #DA9ED8, #357C88, #4E384B)
• Muted Oat Grove color palette (#F1F5FF, #E3D8FF, #F2B5A2, #6A91B9, #3F3958)
• Feathered Ember color palette (#FDD1DF, #DA98C6, #C56B66, #3F4584, #341531)
• Sand Atelier color palette (#FFF0EB, #FDB785, #A5A05C, #844761, #3A342F)
• Muted Oat Workshop color palette (#FFF1F0, #E1D9D0, #CDC7A1, #A7828A, #614E47)
• Aged Lilac Summit color palette (#DBF4FF, #FAB935, #9977EC, #442929, #251B20)
• Linen Blush Coast color palette (#FFE7EB, #F17590, #B6580F, #392C6B, #300D0D)

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