Petrol Studio color palette — #F8F5EF · #CAE6EA · #AD8DAA · #317890 · #624A5A
Slate and Dusty Rose set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F8F5EF): a clean, paper-quiet neutral.
- Silver (#CAE6EA): A whisper-light, dusty blue — the color of open sky before noon.
- Dusty Rose (#AD8DAA): A luminous, dusty pink — the color of neon signs at night.
- Slate (#317890): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#624A5A): A full-bodied, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Studio 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
- Muted Petrol color palette (#F8F5EF, #CDE2E2, #72A597, #2A7B84, #624961)
- Softworn Cypress Cabin color palette (#EFF8EE, #78BFBB, #C98285, #008481, #6A3F41)
- Softworn Parlor color palette (#F6F1EC, #C8E3E8, #9099C9, #26787D, #452F37)
- Tempered Powder color palette (#FBF3F5, #DBDDEC, #A4AEDD, #539295, #4F5067)
- Petrol Orchard color palette (#F4EEE4, #84BBCD, #00709F, #004F50, #002E57)
- Cypress Garden color palette (#F9F4EE, #CDE4CC, #309AA9, #007458, #2A513F)
- Bronze Hollow color palette (#E9FBEA, #5BA6A9, #A376AF, #9A6D0D, #334935)
- Cerulean Harbor color palette (#F6EFE3, #519DA5, #005265, #003129, #001623)
Browse the whole catalog at Explore, or see today's palette.