Petrol Field color palette — #E3ECE5 · #93BBC6 · #007987 · #004D3A · #001922
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#E3ECE5): a clean, paper-quiet neutral.
- Ash (#93BBC6): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007987): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D3A): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001922): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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 Cerulean color palette (#EBF5ED, #A7CFDE, #008AA7, #005D51, #002435)
- Petrol Cabin color palette (#E3EBE5, #97B8D1, #286DB1, #004A54, #030C43)
- Muted Denim Archive color palette (#E3ECE4, #66A7B8, #006082, #003937, #000C19)
- Softworn Forest Cabin color palette (#F6ECE9, #9CBB9A, #00748F, #005414, #0F2F4E)
- Timeworn Periwinkle Summit color palette (#D3F2FF, #A1D7EE, #7DA1D8, #006D61, #00212A)
- Softworn Delta color palette (#D5E3D8, #48838D, #004256, #00201D, #000103)
- Timeworn Studio color palette (#CBEDFA, #007984, #931B9C, #614800, #000E10)
- Brick Garden color palette (#DBF0F7, #009195, #BC2B41, #005153, #2A0005)
Browse the whole catalog at Explore, or see today's palette.