Petrol Field color palette — #F3E5E9 · #96B7D6 · #4B67B0 · #004A53 · #17083C

Slate and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#F3E5E9): bright and airy, almost weightless.
• Ash (#96B7D6): A luminous, dusty blue — the color of open sky before noon.
• Slate (#4B67B0): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Teal (#004A53): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#17083C): A deep, shadowed, balanced violet — the color of wild irises.

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

• Weathered Loft color palette (#F3E4EF, #83BFC6, #007698, #004D39, #00172D)
• Petrol Coast color palette (#E6F1F1, #9AB4CE, #3469A9, #004B68, #142B59)
• Airy Cobalt color palette (#FBEDF7, #A7D8EF, #168DC2, #006454, #002351)
• Patina Wisteria Market color palette (#D6E9FF, #C8CAF6, #CC89C5, #00616F, #0D1831)
• Softworn Garden color palette (#D6EEF1, #0096C2, #006493, #002B6E, #120545)
• Cobalt Delta color palette (#D0E6FD, #006EBB, #884E00, #5B4B00, #000B1B)
• Navy Garden color palette (#FAE6F0, #5B92AC, #004A88, #002C2B, #02001C)
• Navy Basin color palette (#E2EAFF, #6B8FE8, #2059AE, #051C73, #01001D)

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