Petrol Field color palette — #E8FAF4 · #89B6D9 · #BD83AB · #3679A8 · #684043
A conversation between Slate and Dusty Rose, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E8FAF4): A whisper-light, dusty teal — the color of sea glass.
- Sky (#89B6D9): A luminous, dusty blue — the color of a favorite pair of jeans.
- Dusty Rose (#BD83AB): A luminous, balanced pink — the color of peonies in June.
- Slate (#3679A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#684043): A full-bodied, dusty red — the color of a theater curtain.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged 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
- Cypress Ridge color palette (#EDF9EB, #75C0BA, #9593C2, #00847E, #604354)
- Softworn Cobalt color palette (#E7F6F0, #87BADE, #CB8A6D, #0179B2, #36302B)
- Tempered Cobalt Station color palette (#FDF1F9, #A4ACDD, #5BA99B, #646DAA, #3F5436)
- Cerulean Bloom color palette (#EEF6FE, #97CCEF, #DAA386, #3A95CA, #634154)
- Antique Amber Quarry color palette (#FFF1F5, #B18DD5, #C3714D, #775298, #64331D)
- Wandering Grove color palette (#D8FFF5, #B0D2F7, #5983AB, #2A547A, #084339)
- Hushed Cabin color palette (#EDF7FF, #A8DCFF, #F7AAE3, #68B1DF, #514762)
- Patina Canyon color palette (#FCF2F8, #E0B5A8, #575A81, #45313E, #2B2122)
Browse the whole catalog at Explore, or see today's palette.