Petrol Field color palette — #F0F8F1 · #C8DFF6 · #6B8AC2 · #006D87 · #3B4763

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

The five colors

• Ivory (#F0F8F1): bright and airy, almost weightless.
• Powder Blue (#C8DFF6): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#6B8AC2): A luminous, balanced violet — the color of twilight just after sunset.
• Peacock (#006D87): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#3B4763): A deep, shadowed, dusty violet — the color of wild irises.

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

• Cornflower Thicket color palette (#EFF8F1, #9FD5FF, #367EDE, #006477, #313C6B)
• Timeworn Canyon color palette (#F1F7F2, #C0E3EE, #0F9AB2, #00735E, #314B5C)
• Dusty Cypress Field color palette (#FAEEF2, #C1E0FF, #7F8ABC, #066C6F, #282943)
• Denim Corridor color palette (#DDE9DF, #62ABBC, #006080, #003E3B, #00213A)
• Worn Boulevard color palette (#DAE6DC, #5588A1, #003F69, #002226, #000623)
• Hushed Periwinkle Courtyard color palette (#FCF4EA, #C1F1E2, #91A2DC, #478787, #5E3C4B)
• Aged Petrol color palette (#E9FAED, #63C9D9, #007999, #00574E, #003753)
• Faded Dune color palette (#FFF0FE, #CF6168, #449022, #3768B0, #433143)

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