Petrol Market color palette — #FEF1FA · #BBC9FF · #B79361 · #28758C · #1C412F
Teal and Caramel set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FEF1FA): bright and airy, almost weightless.
- Lilac Frost (#BBC9FF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Caramel (#B79361): A luminous, dusty gold — the color of old brass.
- Teal (#28758C): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#1C412F): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Optimism, Creativity, Calm, Sophistication. Tagged muted, cool.
Use it as a design system
One click turns Petrol Market 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
- Petrol Orchard color palette (#FFF1F1, #F0B9D6, #6DA88F, #1A7884, #1F412A)
- Hushed Cypress Bloom color palette (#EDF8F0, #90DAE5, #C38693, #3B795E, #264024)
- Weathered Olive color palette (#FEF1F6, #D2C0FC, #92A16F, #5F733B, #373A33)
- Tempered Dune color palette (#F6F3FC, #E2B8D9, #CD9F75, #519967, #224660)
- Muted Studio color palette (#FFF0FE, #E8DAD7, #CCC1B1, #7F9C8F, #40544C)
- Softworn Stone Lantern color palette (#FFF1F3, #F3D3D2, #EC9FA4, #AC725B, #544E48)
- Patina Cocoa Workshop color palette (#FBF4ED, #C7DFCC, #B0B289, #967D8D, #584300)
- Bronze Alley color palette (#F0F6FD, #7898D3, #986230, #005D72, #26465C)
Browse the whole catalog at Explore, or see today's palette.