Petrol Study color palette — #F2E5EE · #8EBBCF · #0072AA · #004E36 · #0A1233
Slate and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F2E5EE): a clean, paper-quiet neutral.
- Ash (#8EBBCF): A luminous, dusty blue — the color of open sky before noon.
- Slate (#0072AA): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004E36): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#0A1233): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Hushed Terrace color palette (#F8EFF4, #A9CDE3, #3D7EC5, #005D4E, #151E3B)
- Tempered Petrol Meadow color palette (#E7F2E9, #78BECD, #007295, #00504B, #00314F)
- Ultramarine Parlor color palette (#F8E8EF, #74A3BE, #0E4CC0, #003A35, #0D002A)
- Hazy Sapphire Workshop color palette (#D4E5DC, #8A8300, #365CDE, #4D4900, #040C35)
- Washed Cypress color palette (#F6F0F4, #D5D1E8, #7AA0C5, #3C7866, #2E3648)
- Patina Lagoon Cabin color palette (#F5E8F5, #339B9C, #005168, #002E0E, #00040F)
- Navy Pier color palette (#EDE2E7, #488199, #00397A, #00201B, #01000A)
- Timeworn Quarry color palette (#D5F9E0, #BBD98B, #00B2B8, #944C2F, #032519)
Browse the whole catalog at Explore, or see today's palette.