Petrol Field color palette — #EBF9F5 · #FFDCD5 · #547AA0 · #194038 · #01130F

Slate takes the lead with Forest close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EBF9F5): bright and airy, almost weightless.
• Shell Pink (#FFDCD5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Slate (#547AA0): A full-bodied, dusty blue — the color of deep harbor water.
• Forest (#194038): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#01130F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: 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

• Petrol Meadow color palette (#FCF1FB, #EEDEBD, #5E76A4, #462F44, #140C14)
• Hushed Denim color palette (#EAF5F0, #C9B07D, #005D7F, #002C3E, #060F0B)
• Wandering Azure color palette (#ECF7FF, #EAD2A2, #529FC5, #366A84, #14242E)
• Tempered Seafoam color palette (#FFF0F8, #9CE3B5, #5E5C90, #252344, #0A0106)
• Ancient Aqua color palette (#ECFAEB, #4AC8C7, #A3A355, #77762E, #182A18)
• Hushed Market color palette (#EFF7F3, #CBE2FF, #D37EAA, #0098BF, #1F0C0C)
• Raspberry Ridge color palette (#FFF0FC, #87A5EC, #A95E98, #4D6E29, #251222)
• Ancient Station color palette (#F5F8E0, #8ED6FD, #A381BF, #496F3F, #3E293D)

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