Petrol Veranda color palette — #F7EAF2 · #5FC6E5 · #006AB4 · #003F32 · #020013

Royal Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F7EAF2): bright and airy, almost weightless.
• Sky (#5FC6E5): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#006AB4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#003F32): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#020013): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Muted Pier color palette (#F6E9F7, #59CBC8, #00738D, #00420C, #000308)
• Faded Lapis Study color palette (#FAE9EE, #8FBCE6, #4D4FD9, #003D40, #05000D)
• Worn Cornflower Balcony color palette (#FFF1F7, #A0D3F3, #4B74D8, #00524E, #100328)
• Denim Meadow color palette (#FAE6DB, #3E9DB7, #004E79, #00302B, #010D3C)
• Cobalt Terrace color palette (#FAEEDC, #65BED9, #008DC5, #006D6D, #00142B)
• Patina Lagoon Boulevard color palette (#CCE7DC, #009890, #005C72, #00263D, #000116)
• Patina Azure color palette (#B8E6FF, #009AE7, #00577E, #001321, #000103)
• Chestnut Veranda color palette (#DEEFF6, #008DA3, #9C4F00, #00444F, #030100)

Browse the whole catalog at Explore, or see today's palette.