Petrol Workshop color palette — #FDF3EA · #C6E5F9 · #8DA5DF · #007D8B · #2D284C
A conversation between Teal and Cornflower, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FDF3EA): bright and airy, almost weightless.
- Frost (#C6E5F9): A whisper-light, dusty blue — the color of deep harbor water.
- Cornflower (#8DA5DF): A luminous, balanced violet — the color of a velvet chair.
- Teal (#007D8B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#2D284C): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Workshop 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
- Patina Pine Archive color palette (#FFF2ED, #BDECF6, #57B3D6, #008261, #043052)
- Quiet Periwinkle color palette (#FFF2E9, #D8E4F9, #449DF7, #007271, #151463)
- Softworn Chapel color palette (#FDF3EE, #C0E3EC, #83C5E4, #53907C, #4D3551)
- Patina Study color palette (#FBEAE1, #78C3DA, #006EA4, #003F38, #000111)
- Softworn Pier color palette (#FBF2F5, #ADC8E2, #5874C0, #005E6A, #313859)
- Tempered Ash Boulevard color palette (#FFF1F5, #E4D8D2, #9EBDA8, #858FC0, #472A2D)
- Ancient Moss color palette (#FFF1F5, #BF8EE2, #83A437, #46905C, #2D101B)
- Worn Courtyard color palette (#E9DCD5, #71AFAC, #005F6F, #002D16, #000103)
Browse the whole catalog at Explore, or see today's palette.