Petrol Field color palette — #E1EEE1 · #6C9FA4 · #007982 · #5E3C62 · #5D233A
Built around Teal, softened by Mulberry — the whole palette hums with trust and stability.
The five colors
- Honeydew (#E1EEE1): A whisper-light, dusty green — the color of a quiet forest floor.
- Blue Fog (#6C9FA4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007982): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Mulberry (#5E3C62): A full-bodied, dusty pink — the color of a candy shop window.
- Mulberry (#5D233A): A deep, shadowed, balanced rose — the color of strawberry cream.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged vintage, 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
- Patina Garnet color palette (#D9F5FC, #60A0B7, #557093, #6B2F39, #52230B)
- Timeworn Navy color palette (#F3ECCF, #71A497, #457457, #3D4476, #452D53)
- Cypress Cabin color palette (#D6EFDC, #83A17A, #007277, #602F28, #2A1026)
- Dusty Lagoon color palette (#BAF3F1, #88B4BB, #488593, #75446C, #5A3A49)
- Garnet Orchard color palette (#C4E9D7, #4B9994, #29627C, #630F4C, #4A030F)
- Patina Canyon color palette (#F9EDCE, #8DAD80, #3A8799, #854B48, #64280E)
- Pewter Station color palette (#E8F8FF, #B6C6D3, #8891A5, #83667E, #654947)
- Weathered Bloom color palette (#C5E5EC, #00928C, #B23851, #005551, #51031A)
Browse the whole catalog at Explore, or see today's palette.