Petrol Veranda color palette — #F1F7F2 · #D9DDEE · #7D9BC4 · #297A8D · #475368
Teal and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D9DDEE): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#7D9BC4): A luminous, dusty blue — the color of open sky before noon.
- Teal (#297A8D): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal Brown (#475368): A full-bodied, dusty violet — the color of wild irises.
Feels like: Trust, Stability, 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
- Ash Grove color palette (#F8EFF2, #D9D0E4, #899BC8, #3B7774, #31344A)
- Softworn Petrol color palette (#E8F1EA, #7ABDCD, #007296, #00504C, #07314D)
- Hushed Alley color palette (#FBF4EE, #C3F1F6, #C8A4C1, #579291, #604C55)
- Antique Blush color palette (#EAF8FB, #6BC2B7, #D47A8A, #00847A, #58455C)
- Lagoon Terrace color palette (#E5EEE6, #509EA0, #005360, #003126, #001721)
- Washed Cerulean color palette (#F0F8F1, #9ADBE1, #008EA9, #006859, #004661)
- Patina Powder color palette (#F4F6EF, #CAE5E8, #A9CAEE, #80AE99, #5F4B5E)
- Wandering Lilac color palette (#E5FAFF, #4EA9A5, #9E78B5, #966D37, #2F474D)
Browse the whole catalog at Explore, or see today's palette.