Weathered Petrol color palette — #EBF4F3 · #C2E1F6 · #6394B3 · #006A7D · #122E46

Peacock and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EBF4F3): a clean, paper-quiet neutral.
• Powder Blue (#C2E1F6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#6394B3): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006A7D): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#122E46): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Cypress Basin color palette (#D5E3E0, #62AAAB, #00646D, #003A34, #000D11)
• Washed Market color palette (#E9F5F4, #ABCBEA, #537EB3, #005677, #0E203B)
• Worn Denim color palette (#CCE5E4, #5990B7, #004B82, #002A38, #000411)
• Muted Delta color palette (#FBF3EE, #C9E4D7, #618EBF, #007170, #5B3C53)
• Muted Cerulean Cabin color palette (#F4F6EF, #BFE6E6, #6BADD6, #0089A0, #294B67)
• Washed Terrace color palette (#D8F9FF, #C2D9F2, #A7BFE4, #578E7B, #1C353C)
• Timeworn Cobalt Basin color palette (#D7F9FF, #36A192, #4884BB, #687229, #002329)
• Washed Balcony color palette (#E0F8F2, #71CDC9, #008287, #005346, #001F23)

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