Weathered Petrol color palette — #E8F0F4 · #CBD9E7 · #A9B8D1 · #267C9B · #233038

A conversation between Slate and Ash, giving this palette its sense of trust and stability.

The five colors

• Cream (#E8F0F4): bright and airy, almost weightless.
• Silver (#CBD9E7): A whisper-light, dusty blue — the color of open sky before noon.
• Ash (#A9B8D1): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#267C9B): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#233038): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Washed Denim Market color palette (#DEE4EA, #BBC5D5, #9DA3BD, #0363A8, #112030)
• Cerulean Station color palette (#E8F1EC, #E6D0D7, #D2B4B3, #0FA2C3, #233229)
• Ancient Indigo Station color palette (#F1F5FF, #DADCF2, #BFB8DE, #6B66D2, #28314D)
• Washed Cypress Bloom color palette (#D0EBE6, #75B592, #198470, #00616C, #003030)
• Softworn Loft color palette (#D5E1EC, #95A5C6, #8A749A, #755537, #1C4430)
• Mulberry Bloom color palette (#CDE5F9, #008FD4, #95378C, #623600, #002710)
• Aubergine Delta color palette (#DEDFEC, #A5A1B6, #8B8197, #543079, #070619)
• Powdered Harbor color palette (#CAE7D0, #009ED9, #515EBB, #782D00, #002545)

Browse the whole catalog at Explore, or see today's palette.