Petrol Veranda color palette — #F0F6FC · #D9D7E6 · #A9B3C9 · #3E6695 · #343B44
A conversation between Peacock and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F6FC): bright and airy, almost weightless.
- Silver (#D9D7E6): A whisper-light, dusty violet — the color of wild irises.
- Ash (#A9B3C9): A luminous, dusty violet — the color of twilight just after sunset.
- Peacock (#3E6695): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#343B44): a grounded near-black with real depth.
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
- Dusty Boulevard color palette (#F3F4FF, #D0D0E7, #A6A2BF, #624896, #2F3144)
- Ancient Cerulean color palette (#EEF8F5, #E3D8DA, #D1BABA, #5584B2, #2B3F3A)
- Worn Ash color palette (#DBE0FF, #A89DCD, #82698F, #645264, #56384D)
- Chalky Thicket color palette (#F0F5FF, #A7CEFF, #7E97F8, #7964AC, #222D49)
- Washed Navy color palette (#EDF0F8, #A5A8BD, #7B7BA0, #36296F, #0F1323)
- Tempered Fern Market color palette (#E8FAF1, #96A262, #536D2D, #2C5258, #1B3D32)
- Worn Thicket color palette (#FEE5FF, #667DE1, #60479E, #692539, #272F46)
- Lapis Thicket color palette (#DBE4F9, #503AE8, #1E2343, #0D1321, #04030A)
Browse the whole catalog at Explore, or see today's palette.