Petrol Field color palette — #F4D2EA · #00AB89 · #006CB4 · #7A2917 · #002A2D
A conversation between Royal Blue and Turquoise, giving this palette its sense of trust and stability.
The five colors
- Thistle (#F4D2EA): A whisper-light, dusty pink — the color of neon signs at night.
- Turquoise (#00AB89): A luminous, balanced teal — the color of shallow lagoons.
- Royal Blue (#006CB4): A full-bodied, balanced blue — the color of open sky before noon.
- Rust (#7A2917): A deep, shadowed, balanced orange — the color of toasted spice.
- Deep Forest (#002A2D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged retro, cool.
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
- Teal Grove color palette (#FFE7F3, #00BBA4, #4279BE, #834015, #003646)
- Quiet Moss color palette (#EDD4F4, #61A747, #007689, #81153E, #002C1E)
- Aged Workshop color palette (#FFF2EA, #00BF84, #0073A6, #6A2800, #031802)
- Denim Grove color palette (#FFE4ED, #009487, #2554A4, #512F00, #001A1F)
- Hushed Sapphire color palette (#C8E9C6, #00A7AC, #525DBE, #643F00, #002837)
- Patina Garnet color palette (#EBDCC3, #008986, #005473, #62002E, #002A2F)
- Moss Pier color palette (#C9E9E2, #62A233, #6446A5, #524000, #281E00)
- Patina Garden color palette (#CAE7CF, #00C3BF, #0094C7, #A9345F, #002935)
Browse the whole catalog at Explore, or see today's palette.