Petrol Veranda color palette — #ECF9EF · #00B6CA · #0069A9 · #00616D · #00231C
A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF9EF): a clean, paper-quiet neutral.
- Cyan (#00B6CA): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#0069A9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00616D): A full-bodied, dusty blue — the color of deep harbor water.
- Onyx (#00231C): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Calm, Balance. Tagged duotone, 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
- Patina Quarry color palette (#F0F8EC, #00BC9F, #007185, #006554, #032413)
- Pale Ridge color palette (#EDF8F3, #38A6D6, #4752AD, #005776, #22121E)
- Patina Denim Harbor color palette (#FAF2FA, #8FB1DB, #7062AA, #2661A2, #311D27)
- Lapis Study color palette (#ECF5EA, #25C0B4, #6553CE, #006A63, #16020E)
- Petrol Veranda color palette (#EFF8F3, #CCDDDE, #A2C5BA, #007692, #33443B)
- Patina Indigo Study color palette (#E5FAFE, #34D5C7, #756DFF, #008A80, #131B35)
- Faded Pier color palette (#EBFDD3, #0795DA, #2959BA, #6E1F63, #0A375C)
- Cornflower Drift color palette (#DDFEF2, #87E0FF, #2FACFD, #4D7CEA, #003358)
Browse the whole catalog at Explore, or see today's palette.