Petrol Studio color palette — #F4F6F0 · #C8E4E5 · #719EC5 · #237994 · #604963
Built around Slate, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#F4F6F0): a clean, paper-quiet neutral.
- Silver (#C8E4E5): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#719EC5): A luminous, dusty blue — the color of deep harbor water.
- Slate (#237994): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#604963): A full-bodied, dusty pink — the color of neon signs at night.
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
- Softworn Cypress Market color palette (#F5F6EF, #CCE1DD, #6AA3B2, #157E7D, #315343)
- Wandering Meadow color palette (#FAF3F6, #DADEED, #8EB3E9, #469498, #4B5264)
- Petrol Dune color palette (#EEEFE6, #83BCC5, #00748A, #00504F, #003343)
- Patina Hollow color palette (#F1F7EF, #7AC0AF, #B3935E, #008572, #514C46)
- Weathered Hollow color palette (#EFF9E9, #64A796, #5690BA, #7B7B20, #394730)
- Softworn Quarry color palette (#E8E8DC, #559D9B, #005459, #003129, #00181C)
- Antique Navy color palette (#ECF0E4, #5A8C7F, #003A7B, #002030, #00012E)
- Softworn Fern color palette (#F9F5E8, #BEB99C, #838358, #685E29, #504900)
Browse the whole catalog at Explore, or see today's palette.