Petrol Field color palette — #FDF2F7 · #CCC4F6 · #C28C66 · #007793 · #4E2C3E
Built around Teal, softened by Caramel — the whole palette hums with trust and stability.
The five colors
- Ivory (#FDF2F7): bright and airy, almost weightless.
- Lilac Frost (#CCC4F6): A whisper-light, dusty violet — the color of twilight just after sunset.
- Caramel (#C28C66): A luminous, balanced gold — the color of old brass.
- Teal (#007793): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#4E2C3E): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Trust, Stability, Optimism, 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
- Pine Market color palette (#FDF2F5, #DDBDF0, #BF86A4, #057F55, #442D51)
- Ancient Canyon color palette (#F8F3FC, #F1B2CA, #CBA25F, #549776, #2A455D)
- Powdered Denim Thicket color palette (#FDF3ED, #ECA892, #A28643, #2A5C9B, #4E1501)
- Cypress Lagoon color palette (#FEF3EC, #F2BEAC, #4FABA8, #007B79, #2B365C)
- Dusty Bronze Courtyard color palette (#FFF1F0, #E7D6D0, #EA9F90, #AC6E3E, #534E48)
- Ash Balcony color palette (#FFF0F8, #E5D8D4, #CEBDAD, #749F8F, #5C4853)
- Dusty Lilac color palette (#F5F3FF, #B482C0, #667938, #2C5A6E, #2C3D59)
- Linen Thicket color palette (#FFF1F6, #C691FF, #9E7700, #005295, #310051)
Browse the whole catalog at Explore, or see today's palette.