Petrol Field color palette — #E3F3EC · #E1A395 · #006C95 · #003B53 · #081A14

A conversation between Peacock and Rosewood Mist, giving this palette its sense of trust and stability.

The five colors

• Cream (#E3F3EC): bright and airy, almost weightless.
• Rosewood Mist (#E1A395): A luminous, dusty orange — the color of autumn markets.
• Peacock (#006C95): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003B53): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#081A14): A deep, shadowed, dusty teal — the color of sea glass.

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

• Timeworn Navy color palette (#F6EAF5, #D5AD73, #456396, #143367, #200F1F)
• Hushed Petrol Drift color palette (#EDF7FF, #FFBEB0, #006B9B, #002B42, #00040B)
• Washed Harbor color palette (#DCEEE8, #C77D59, #004973, #001D31, #000302)
• Tempered Cobalt color palette (#F9F3F9, #E2D6D6, #D4B8B1, #5381C6, #413741)
• Jade Canyon color palette (#E2F1FA, #7AAA73, #004B5C, #002630, #090F1B)
• Driftwood Balcony color palette (#FBF2F8, #DCD1A8, #957089, #624058, #32282F)
• Dusty Navy color palette (#F2DEED, #CAA800, #364DBC, #140E86, #060C2A)
• Aubergine Atelier color palette (#FFF1F7, #98CB88, #7257A6, #461F7B, #29121D)

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