Petrol Veranda color palette — #ECF3F9 · #D4D5E5 · #ACB8CA · #3B698C · #17222B
Built around Peacock, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Ivory (#ECF3F9): a clean, paper-quiet neutral.
- Silver (#D4D5E5): A whisper-light, dusty violet — the color of wild irises.
- Ash (#ACB8CA): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#3B698C): A full-bodied, dusty blue — the color of open sky before noon.
- Onyx (#17222B): 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 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
- Softworn Denim Grove color palette (#EEF1FC, #CDD1F2, #A7A7CF, #584E9A, #14192A)
- Wandering Lagoon color palette (#EFF7F4, #E7D6DB, #BFADB9, #316A8D, #2F3E39)
- Hushed Summit color palette (#EDF7FD, #DAD9E4, #BCABA5, #6191AB, #243039)
- Dusty Driftwood color palette (#E1EBFF, #A89FD0, #886F9B, #554355, #3D2036)
- Soft Atelier color palette (#E9F3FF, #8FD2FF, #76B1FF, #6E71C0, #0A1536)
- Wandering Navy Station color palette (#E6EDF5, #A7B4C8, #818DA7, #11447A, #030B17)
- Softworn Basin color palette (#FADEFE, #5388E0, #524F9E, #5E1C3D, #0A172F)
- Aubergine Orchard color palette (#E3E3EF, #8D8AA4, #6E6682, #3D055C, #010008)
Browse the whole catalog at Explore, or see today's palette.