Petrol Veranda color palette — #F7EAF1 · #72BCDC · #136BB1 · #00504D · #202A53
A conversation between Royal Blue and Cyan, giving this palette its sense of trust and stability.
The five colors
- Blush (#F7EAF1): a clean, paper-quiet neutral.
- Cyan (#72BCDC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#136BB1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00504D): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#202A53): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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
- Petrol Atelier color palette (#F5E4EC, #84BCD5, #3B6CAB, #004C42, #14093D)
- Cobalt Courtyard color palette (#FFF1F6, #9DCCEB, #5278B6, #005F64, #35365A)
- Muted Teal Bloom color palette (#F5E7F0, #54B0AA, #006271, #004120, #002333)
- Periwinkle Veranda color palette (#F5EDE2, #B4DECA, #60ACE6, #008F99, #0E2D58)
- Aged Ash Veranda color palette (#FBF2F6, #D9DFF0, #7C9BC4, #3E7A7B, #4A5266)
- Frosted Periwinkle Ridge color palette (#C5FDE5, #80E1EC, #5D9EE3, #476E39, #003942)
- Timeworn Teal color palette (#91FCF2, #00A69A, #00635F, #00302B, #001B19)
- Emerald Archive color palette (#DEE6D8, #00A546, #007357, #004942, #052E40)
Browse the whole catalog at Explore, or see today's palette.