Soft Petrol Field color palette — #EEF6FF · #FF9C85 · #2D6AB0 · #143B67 · #0A1B2F

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

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Melon (#FF9C85): A luminous, balanced orange — the color of toasted spice.
• Slate (#2D6AB0): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#143B67): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#0A1B2F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged luxury, dark, cool.

Use it as a design system

One click turns Soft 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

• Dusty Mustard color palette (#EFF6FF, #DBB651, #4865AC, #263865, #0F1B2D)
• Blush Quarry color palette (#E8F8FF, #FC9AA5, #007782, #00434A, #001E29)
• Muted Cobalt color palette (#E5FBF5, #FFCBB9, #006DBA, #003056, #000A07)
• Weathered Denim color palette (#D4DFED, #D99262, #295591, #042755, #020B1B)
• Azure Boulevard color palette (#ECF7FF, #F3C86C, #0099D4, #156388, #041D2D)
• Tempered Cornflower Balcony color palette (#EFF6FF, #DFD6E6, #CCB8C7, #5C83D5, #37404F)
• Pale Amber color palette (#DFE9F8, #B18E0E, #233E8A, #05124B, #00020C)
• Hushed Dune color palette (#F2F4FF, #AADDD9, #8075A2, #464B66, #292B34)

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