Petrol Veranda color palette — #F7EDE2 · #89B6E0 · #4C64AA · #004E59 · #2E284A
Built around Slate, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#F7EDE2): bright and airy, almost weightless.
- Sky (#89B6E0): A luminous, dusty blue — the color of deep harbor water.
- Slate (#4C64AA): A full-bodied, balanced violet — the color of wild irises.
- Deep Teal (#004E59): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Indigo (#2E284A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, 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
- Ancient Petrol Thicket color palette (#FCEAE2, #77BFC7, #007394, #00523D, #0E304D)
- Ancient Atelier color palette (#F0E8DE, #90BFB1, #5766A7, #004B4C, #1E0636)
- Dusty Iris Drift color palette (#F7EBEF, #A5C9E9, #7481C4, #006B6F, #35244B)
- Aged Cobalt color palette (#FFF2EB, #7BDFF5, #0089C0, #006858, #1E406E)
- Worn Garden color palette (#E8F1EA, #B8D7F5, #77A3F6, #008CAD, #23265C)
- Wandering Navy Alley color palette (#F6E8DD, #309BC7, #004A87, #00302F, #090641)
- Aged Coast color palette (#FBF3EE, #C1E7D1, #5291BD, #1D7066, #563F54)
- Wandering Lagoon Meadow color palette (#FFEBE2, #24909A, #004358, #002319, #000A18)
Browse the whole catalog at Explore, or see today's palette.