Petrol Field color palette — #FCF4E8 · #FFD1C3 · #C09B64 · #17818D · #443E39

Built around Teal, softened by Camel — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF4E8): a clean, paper-quiet neutral.
• Shell Pink (#FFD1C3): A whisper-light, dusty orange — the color of autumn markets.
• Camel (#C09B64): A luminous, balanced gold — the color of honey in a jar.
• Teal (#17818D): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#443E39): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, 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

• Washed Field color palette (#FDF4E6, #FECCE3, #CC9188, #37845D, #513833)
• Hushed Boulevard color palette (#FCF3EE, #F5BDA5, #8AA472, #00778E, #502B3A)
• Cobalt Harbor color palette (#FDF4E5, #F3DAA5, #96AB74, #4874AC, #503C00)
• Cocoa Balcony color palette (#FDF4E3, #FBBCCE, #CFA76B, #6D8DBC, #703415)
• Patina Coral Courtyard color palette (#EAFAED, #DB927D, #937038, #356070, #54414B)
• Ancient Boulevard color palette (#FFF2EA, #DEDDCC, #BBC5AD, #7C9588, #5D4A5B)
• Ancient Hollow color palette (#F9F4ED, #C8DECC, #B7B084, #9F7D74, #574300)
• Apricot Meadow color palette (#FFF4E2, #FEA962, #998600, #006180, #392300)

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