Softworn Petrol Veranda color palette — #EFF6FC · #DAD7EA · #B1B2C2 · #376B83 · #313C44

Peacock and Silver set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF6FC): a clean, paper-quiet neutral.
• Silver (#DAD7EA): A whisper-light, dusty violet — the color of wild irises.
• Ash (#B1B2C2): A luminous, dusty violet — the color of twilight just after sunset.
• Peacock (#376B83): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#313C44): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Softworn 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

• Hushed Basin color palette (#EFF6FC, #D7D8E2, #BDBCCB, #4387B7, #2F3C48)
• Ancient Petrol color palette (#EBF4F1, #E1D4D8, #C3B1C0, #38698F, #162420)
• Dusty Pewter color palette (#BCEAF5, #90ABCD, #88658E, #30635C, #234850)
• Wandering Pier color palette (#F0F5FF, #D1CFEB, #AFA0BA, #464EA9, #283249)
• Timeworn Denim color palette (#D6E2EC, #AFB9D0, #8E8BA2, #004971, #172029)
• Weathered Alley color palette (#FFF0F8, #B39759, #5C6A2B, #454866, #273B2C)
• Washed Aubergine color palette (#E1E4EF, #9D95AC, #7F6781, #331163, #070814)
• Gentle Terracotta Workshop color palette (#E3F5FF, #0084A3, #93290E, #3F3D00, #142C0C)

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