Weathered Petrol Studio color palette — #F1F3EC · #C4E2E4 · #78A1C3 · #24768E · #402F42
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Cream (#F1F3EC): a clean, paper-quiet neutral.
- Silver (#C4E2E4): A whisper-light, dusty blue — the color of deep harbor water.
- Blue Fog (#78A1C3): A luminous, dusty blue — the color of open sky before noon.
- Teal (#24768E): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#402F42): A deep, shadowed, 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 Weathered 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
- Tempered Petrol color palette (#F1F3EC, #C7E0DE, #79A894, #1B7885, #1D3D33)
- Weathered Ash Cabin color palette (#FAF3F6, #D9DEEF, #7D9BC6, #387A7D, #4A5265)
- Denim Lagoon color palette (#EBEFE0, #6DA5C0, #005F8B, #003843, #000B1A)
- Wandering Petrol color palette (#E9EAE0, #9DBCA5, #00788F, #004B4C, #001923)
- Cerulean Balcony color palette (#F2F3E5, #BAD9BC, #0094A1, #00635A, #002A33)
- Ancient Plum Thicket color palette (#FBEFED, #D5A3B5, #7B9ED2, #A25475, #402740)
- Aged Indigo Studio color palette (#FFEDEC, #C08AA2, #BB7D4F, #726DBB, #38201F)
- Wandering Navy Balcony color palette (#E4E8DC, #568377, #003A75, #001D2B, #00000A)
Browse the whole catalog at Explore, or see today's palette.