Weathered Petrol color palette — #FBEBDA · #8CBCE6 · #4562B1 · #003D44 · #030011
Built around Cobalt, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#FBEBDA): A whisper-light, dusty gold — the color of old brass.
- Sky (#8CBCE6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cobalt (#4562B1): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Teal (#003D44): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#030011): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Wandering Petrol Alley color palette (#FBEAE2, #79C5CD, #007291, #00402E, #000308)
- Antique Navy Loft color palette (#DEE1D7, #638EB6, #004792, #00293B, #00011D)
- Cornflower Basin color palette (#DEEDED, #8DB5D9, #3383E1, #00678D, #000843)
- Grape Alley color palette (#E3E4D1, #56A21F, #6B2FBA, #1F4700, #020007)
- Wandering Turquoise color palette (#FFF2EC, #B6FDFF, #00ABCE, #00764E, #00273F)
- Hushed Periwinkle Veranda color palette (#FDF3EC, #C2E6F7, #77B3F3, #008886, #262E67)
- Tempered Station color palette (#F4E9CF, #8D7C00, #4F5D00, #002E07, #000401)
- Softworn Loft color palette (#DDFDC9, #8BE0B5, #00AECD, #6F5D00, #000B01)
Browse the whole catalog at Explore, or see today's palette.