Petrol Veranda color palette — #ECF7FF · #83B8D6 · #C28A69 · #387A9D · #624153
A conversation between Slate and Caramel, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF7FF): bright and airy, almost weightless.
- Sky (#83B8D6): A luminous, dusty blue — the color of open sky before noon.
- Caramel (#C28A69): A luminous, balanced gold — the color of honey in a jar.
- Slate (#387A9D): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#624153): A full-bodied, dusty rose — the color of strawberry cream.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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
- Hushed Bloom color palette (#E8F9FC, #74C0B7, #C4848C, #22837A, #5A455C)
- Timeworn Petrol Parlor color palette (#E9F4FA, #87BDD0, #C59057, #007E9C, #462532)
- Aged Cobalt Hollow color palette (#F0F6FF, #97AFE5, #AD9663, #5670AE, #35563D)
- Cerulean Villa color palette (#E9FAF2, #A0D1BC, #DBA47B, #1899C9, #524C46)
- Worn Cerulean Basin color palette (#EDF6FF, #DAD9E3, #BFA6A9, #6A91A5, #415061)
- Timeworn Coast color palette (#EDF7FF, #5B9FCF, #B57386, #6F7D47, #334554)
- Driftwood Garden color palette (#E9FAEE, #9FC1B0, #658B72, #4B654B, #364D46)
- Wandering Grove color palette (#F1F5FE, #A8CAAF, #4F5E7D, #2F384E, #25222E)
Browse the whole catalog at Explore, or see today's palette.