Petrol Field color palette — #F5F7E8 · #AFBCE8 · #B3819A · #007D8A · #5A3E4A
A conversation between Teal and Dusty Rose, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F5F7E8): bright and airy, almost weightless.
- Sky (#AFBCE8): A luminous, dusty violet — the color of twilight just after sunset.
- Dusty Rose (#B3819A): A luminous, dusty rose — the color of strawberry cream.
- Teal (#007D8A): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#5A3E4A): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Trust, Stability, Sophistication. Tagged 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
- Tempered Market color palette (#FBF5E4, #D3B1D2, #B88470, #40739F, #5B403D)
- Timeworn Balcony color palette (#F3F8E8, #8AC8E2, #9B87B9, #397F56, #524153)
- Washed Studio color palette (#E2FBFA, #DCD7FF, #CD8D99, #4E7B83, #3F3D4D)
- Rust Cabin color palette (#EDF9EF, #C594C6, #A95C6E, #48623C, #4B4456)
- Antique Olive color palette (#FEF2EE, #DD9F99, #B57A75, #4B772E, #5D343F)
- Rust Atelier color palette (#F4EFD9, #C987C4, #B65929, #005D82, #492230)
- Hushed Cocoa color palette (#FBF4ED, #DBD0B4, #9C9F77, #937188, #5F4A00)
- Washed Blush color palette (#FDEDED, #C782AB, #824525, #443333, #271F22)
Browse the whole catalog at Explore, or see today's palette.