Petrol Field color palette — #FCF2F6 · #C58F65 · #758C58 · #007595 · #3D3245
Built around Teal, softened by Camel — the whole palette hums with nature and growth.
The five colors
- Ivory (#FCF2F6): bright and airy, almost weightless.
- Camel (#C58F65): A luminous, balanced gold — the color of old brass.
- Moss (#758C58): A luminous, dusty green — the color of new leaves after rain.
- Teal (#007595): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#3D3245): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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
- Patina Cypress Delta color palette (#FAF2FB, #D397A3, #A98356, #007A6A, #302F40)
- Aged Petrol Archive color palette (#FAF2F9, #DE9E99, #8D9254, #2C6DA5, #613431)
- Tempered Apricot Pier color palette (#FEF1F9, #F9A98C, #9FAC61, #5D9595, #39303C)
- Nightshade Orchard color palette (#EAFAEF, #A48C26, #007F67, #473FAF, #301425)
- Aged Blush Balcony color palette (#FFF2EE, #E895A8, #36A7AE, #3F738C, #2B1E27)
- Ultramarine Garden color palette (#FFF0F7, #CD6C14, #008A4F, #1A42D2, #3F1917)
- Timeworn Taupe Station color palette (#F9F3F7, #E0D8D7, #AFB1BD, #C8897E, #575055)
- Wandering Nightshade Basin color palette (#F9DDE8, #B3650D, #007454, #3231A4, #2C0901)
Browse the whole catalog at Explore, or see today's palette.