Petrol Field color palette — #F3F7ED · #C2DFF5 · #84A8DD · #2D769E · #202D4D

Built around Slate, softened by Cornflower — the whole palette hums with trust and stability.

The five colors

• Ivory (#F3F7ED): bright and airy, almost weightless.
• Powder Blue (#C2DFF5): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#84A8DD): A luminous, balanced blue — the color of open sky before noon.
• Slate (#2D769E): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#202D4D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Petrol Field 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

• Sunlit Azure color palette (#F3F8E2, #DAE4F8, #06A3F2, #006F86, #002646)
• Wandering Turquoise color palette (#F5F6EB, #D2DAEE, #55B5CB, #007F7D, #133627)
• Worn Petrol Veranda color palette (#EDF0E2, #64C5E6, #007197, #003D45, #000307)
• Wandering Powder color palette (#F9F4EE, #BBECDF, #90B1F4, #3998B8, #4E2E44)
• Cobalt Grove color palette (#EDF4EE, #B2CAE3, #597ABF, #00586F, #1A1C3E)
• Ancient Lagoon color palette (#E6FCEB, #D8D9E8, #A8999C, #5E9D9C, #1C3929)
• Mint Villa color palette (#D9FFF1, #00DBC0, #00A397, #006968, #003B3E)
• Cerulean Boulevard color palette (#F6F7E7, #7DDEE3, #008A99, #00524C, #000F14)

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