Petrol Field color palette — #F0E5ED · #89BDCC · #007791 · #004E33 · #001829
Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#F0E5ED): bright and airy, almost weightless.
- Ash (#89BDCC): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007791): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004E33): A deep, shadowed, balanced teal — the color of sea glass.
- Ink (#001829): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Worn Cobalt color palette (#F0E6EA, #7FBDDA, #006CC0, #004B4A, #0C0F39)
- Dusty Petrol Thicket color palette (#DFF4EF, #76C0C2, #007681, #005049, #00343E)
- Cobalt Garden color palette (#FBEDF4, #A3D9EF, #0087DD, #00625E, #172148)
- Dusty Basin color palette (#F5F6ED, #A6F6F9, #00A4B5, #006B63, #00232B)
- Tempered Turquoise Basin color palette (#F6F0F4, #D2D3E7, #5FA7C4, #3D7864, #293847)
- Tempered Cerulean color palette (#EBDEE6, #318498, #00405F, #00201B, #000106)
- Feathered Nightshade color palette (#F6E4EA, #5C90B7, #0936B4, #002B30, #040019)
- Patina Pier color palette (#E0F3DE, #935E00, #00639E, #662C86, #130800)
Browse the whole catalog at Explore, or see today's palette.