Weathered Petrol color palette — #F1E5EB · #7EBDD9 · #356CB0 · #004C42 · #131030
Built around Slate, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Rose Water (#F1E5EB): a clean, paper-quiet neutral.
- Sky (#7EBDD9): A luminous, dusty blue — the color of open sky before noon.
- Slate (#356CB0): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C42): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#131030): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Weathered Petrol 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
- Weathered Bloom color palette (#F8EFF2, #94D0F5, #5879C3, #005C57, #1A1E39)
- Petrol Garden color palette (#E6F1F0, #8EB7D1, #05709D, #004E5B, #003150)
- Nightshade Loft color palette (#EFDBE1, #5EA2E0, #474CA2, #00393C, #120122)
- Chalky Forest color palette (#FBECFB, #8FE0DF, #0091B4, #0E6725, #002549)
- Lapis Grove color palette (#C5EBDD, #899821, #5746B7, #444C00, #11033A)
- Cypress Loft color palette (#F8EFF3, #D8D1E5, #879DC3, #3B7770, #303548)
- Dusty Denim Coast color palette (#F0E1EC, #3B98A9, #004E76, #002D1D, #01001E)
- Patina Delta color palette (#F8E6EC, #3A7EB0, #253081, #001F1F, #020007)
Browse the whole catalog at Explore, or see today's palette.