Washed Petrol Ridge color palette — #EDE8E0 · #80BDD9 · #0071B0 · #004A50 · #011436

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

The five colors

• Parchment (#EDE8E0): bright and airy, almost weightless.
• Sky (#80BDD9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#0071B0): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004A50): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#011436): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Washed Petrol Ridge 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

• Frosted Petrol Basin color palette (#F8EAF1, #67BDE3, #2F67B3, #005147, #2B284E)
• Tempered Cobalt Garden color palette (#F7F1E7, #A4D3C3, #4C7DBC, #005969, #151E3F)
• Airy Lilac Courtyard color palette (#DAFAEE, #A5C5FA, #9D88E9, #006176, #261327)
• Tempered Cypress color palette (#E7E0D4, #66AAA6, #00646D, #003B29, #000D13)
• Timeworn Cerulean Lantern color palette (#CBF4F5, #0091A6, #006179, #003D5A, #00122A)
• Mulberry Corridor color palette (#CEEAE0, #0072A9, #AC005A, #465300, #000C17)
• Bronze Ridge color palette (#CEE7DC, #008ABC, #A45000, #004D6B, #210B00)
• Ancient Ash color palette (#F5F1EB, #C5E5E7, #7BA0C6, #3B757F, #412F3F)

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