Petrol Field color palette — #EFF6FC · #A9CAB0 · #346579 · #213C4C · #20242F

Peacock takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EFF6FC): a clean, paper-quiet neutral.
• Pistachio (#A9CAB0): A luminous, dusty teal — the color of sea glass.
• Peacock (#346579): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#213C4C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#20242F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Worn Dune color palette (#F0F6FC, #A0C5E5, #8174A4, #36739C, #2B2D3A)
• Petrol Thicket color palette (#ECF3F9, #D8B8D0, #3E6682, #13344D, #0C151C)
• Ancient Cerulean color palette (#EFF7F4, #EEC8B5, #5783A2, #2C516B, #222E2A)
• Ancient Denim color palette (#F2F5FF, #C3AB7B, #53487A, #2F274B, #201A26)
• Softworn Turquoise color palette (#EFF7F3, #F3DBA9, #67A8C4, #557566, #232E29)
• Washed Canyon color palette (#EAFAED, #93A6DA, #836B98, #436346, #414759)
• Chestnut Loft color palette (#D5ECFF, #785900, #35282A, #001625, #000306)
• Patina Cerulean color palette (#EDF6FF, #5C91C4, #88544C, #544F1D, #233B40)

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