Petrol Field color palette — #F1F7F2 · #CCDDDF · #C4AABE · #007180 · #333E36
Built around Teal, softened by Mauve — the whole palette hums with trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#CCDDDF): a clean, paper-quiet neutral.
- Mauve (#C4AABE): A luminous, dusty pink — the color of a candy shop window.
- Teal (#007180): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#333E36): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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 Archive color palette (#EFF7F3, #CBDEDE, #AEC3C5, #418CA1, #323E37)
- Petrol Chapel color palette (#EBF3F8, #D1D6E2, #ABB9C5, #356D7E, #15232A)
- Weathered Denim Harbor color palette (#FCF1FD, #E6C9DA, #B69AC7, #0B59AA, #3C2C3D)
- Wandering Abyss Balcony color palette (#E1EDE6, #C2B3C4, #A08596, #004C60, #12241B)
- Indigo Parlor color palette (#FAF3F6, #E6D6D1, #D6B2B1, #6A57B8, #493B42)
- Worn Cypress color palette (#FAF5E4, #81A77C, #007557, #2F543E, #35362F)
- Aged Chestnut Lagoon color palette (#D2ECD3, #81A8CA, #7B6EA4, #6F5500, #374926)
- Petrol Lantern color palette (#CEE6DE, #0069A0, #1F2146, #001912, #000605)
Browse the whole catalog at Explore, or see today's palette.