Petrol Veranda color palette — #FEF4E3 · #49A3CD · #5163B1 · #773A21 · #23453C
A conversation between Slate and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#FEF4E3): A whisper-light, dusty gold — the color of old brass.
- Cyan (#49A3CD): A luminous, balanced blue — the color of deep harbor water.
- Slate (#5163B1): A full-bodied, balanced violet — the color of wild irises.
- Bronze (#773A21): A full-bodied, balanced orange — the color of sun-warmed clay.
- Forest (#23453C): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Optimism, Creativity, Calm, Balance. Tagged retro, cool.
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
- Turquoise Boulevard color palette (#FFEFDB, #00AFC5, #6660A5, #5C4011, #0F2820)
- Soft Grape Orchard color palette (#FFF4E2, #7596DB, #7B52A9, #6A4500, #4D3445)
- Worn Corridor color palette (#FFF4E2, #44AB9E, #007593, #703951, #2F4331)
- Mulberry Canyon color palette (#E9FAF3, #4291C2, #923E82, #653F00, #004330)
- Sunlit Aqua color palette (#E7FCE8, #00C7DF, #817CC4, #795E36, #2A4051)
- Hushed Field color palette (#F9F4EE, #BEE8D2, #4492C3, #007074, #543F55)
- Weathered Meadow color palette (#F8E1BE, #007BE8, #6200C6, #532E00, #19254F)
- Dusty Chestnut color palette (#E0FDF2, #C7A9BF, #8975A3, #885520, #654C00)
Browse the whole catalog at Explore, or see today's palette.