Petrol Veranda color palette — #EFF8F1 · #DAD5E0 · #81A8DE · #167B90 · #232C4D
Teal and Cornflower set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EFF8F1): a clean, paper-quiet neutral.
- Silver (#DAD5E0): bright and airy, almost weightless.
- Cornflower (#81A8DE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#167B90): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#232C4D): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, 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
- Dusty Azure Study color palette (#E7FCEB, #D3E2F7, #00A4F0, #007176, #00244D)
- Turquoise Atelier color palette (#EBFAEE, #CBDCF6, #31C2DC, #008A70, #003B4F)
- Ancient Lagoon color palette (#FBF2F6, #C9E4FC, #9CAFED, #00A0A0, #3F3257)
- Patina Loft color palette (#E5F2E7, #85C2D0, #007195, #003E3B, #000307)
- Weathered Courtyard color palette (#EEF6FF, #DDD9E3, #B6AFA6, #5EA2BE, #233450)
- Ultramarine Drift color palette (#D9E6DC, #77A7D3, #1B4CAE, #002A35, #01000A)
- Quiet Cerulean color palette (#E1FBFF, #4ED4FD, #0095D1, #125999, #20315B)
- Muted Cobalt Thicket color palette (#FAF4EB, #A2D1C1, #4A79B8, #005D6E, #2E385C)
Browse the whole catalog at Explore, or see today's palette.