Petrol Ridge color palette — #F2E5ED · #8DBBD2 · #0073A7 · #004C42 · #00123A

Built around Slate, softened by Midnight — the whole palette hums with trust and stability.

The five colors

• Blush (#F2E5ED): bright and airy, almost weightless.
• Ash (#8DBBD2): A luminous, dusty blue — the color of deep harbor water.
• Slate (#0073A7): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004C42): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#00123A): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns 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

• Cobalt Bloom color palette (#F8EFF3, #A8CDE5, #4580B9, #005B59, #161E3D)
• Wandering Denim Thicket color palette (#FCEAF1, #6EA3C7, #2854A3, #00393D, #0A002C)
• Weathered Lilac Coast color palette (#CBECFF, #ADD1FC, #A693CD, #006764, #001E33)
• Softworn Basin color palette (#C9E7DF, #009594, #006374, #00374B, #001835)
• Hushed Cypress color palette (#F7EFF4, #D6D1E7, #7BA1C1, #2D7972, #28364D)
• Aged Bronze Garden color palette (#D0E8F5, #008EA7, #A45100, #004F5E, #210B00)
• Ancient Navy color palette (#EBDEE4, #4D7F9A, #003A76, #001F20, #01000B)
• Muted Terracotta Garden color palette (#D3E9F2, #007696, #A23300, #753A00, #000D13)

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