Petrol Studio color palette — #FBF2F6 · #D9DFF0 · #809CBB · #447785 · #4A5364
Slate and Blue Fog set the tone — five colors that lean into sophistication.
The five colors
- Ivory (#FBF2F6): a clean, paper-quiet neutral.
- Frost (#D9DFF0): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#809CBB): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#447785): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal Brown (#4A5364): A full-bodied, dusty violet — the color of twilight just after sunset.
Feels like: 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
- Timeworn Cypress Workshop color palette (#F7EFF3, #D7D1E4, #869DC2, #3B776F, #2F354A)
- Dusty Bone color palette (#F9F2FF, #EAD6DA, #C4E5C4, #8782A5, #584A58)
- Antique Blush color palette (#FAF1FF, #D5749B, #3D9D7F, #458285, #483E4E)
- Weathered Delta color palette (#F6EBF3, #71C0C9, #007394, #00523D, #073050)
- Timeworn Turquoise color palette (#F8F5EF, #C5DEEA, #9ED4C5, #65B0BA, #634861)
- Driftwood Parlor color palette (#FAF4EF, #CCE7E7, #C4A6C3, #768E6E, #644958)
- Dusty Blush Basin color palette (#FAF1FF, #DF97B2, #55AB97, #975F74, #2A555A)
- Ancient Denim color palette (#EADBE2, #4EABCF, #005A97, #003E3B, #121C40)
Browse the whole catalog at Explore, or see today's palette.