Petrol Study color palette — #FDF3EF · #C98987 · #898B46 · #007590 · #442F2E
Built around Teal, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#FDF3EF): a clean, paper-quiet neutral.
- Dusty Rose (#C98987): A luminous, dusty orange — the color of autumn markets.
- Moss (#898B46): A luminous, balanced green — the color of new leaves after rain.
- Teal (#007590): A full-bodied, balanced blue — the color of open sky before noon.
- Espresso (#442F2E): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Petrol Study 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 Bloom color palette (#F9F5EA, #BDA667, #79945F, #416FA0, #402C27)
- Weathered Petrol Loft color palette (#FDF2F2, #D19FC2, #8A9353, #3B6BA1, #5B3540)
- Cypress Basin color palette (#FEF2F2, #C18BAA, #B17C54, #007D60, #42313B)
- Mallow Grove color palette (#FBF1FF, #FF9BB6, #4F9D81, #3E715F, #222631)
- Olive Chapel color palette (#FFF2EC, #EA6650, #278901, #005988, #3B1420)
- Aubergine Bloom color palette (#F9EDD5, #9F8400, #007479, #6C00A2, #241700)
- Navy Garden color palette (#FFF3E5, #B37F35, #2E843E, #0048A6, #31180C)
- Ancient Taupe color palette (#FBF3F1, #DDDAD3, #AEB4A9, #C18A92, #5C4F4C)
Browse the whole catalog at Explore, or see today's palette.