Petrol Ridge color palette — #F7EFF2 · #D8DAEA · #8A9CC0 · #00788B · #30344B

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F7EFF2): a clean, paper-quiet neutral.
• Silver (#D8DAEA): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#8A9CC0): A luminous, dusty violet — the color of a velvet chair.
• Teal (#00788B): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#30344B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Periwinkle Cabin color palette (#EFF7F7, #D9DBEB, #7A9BCC, #4A748E, #485365)
• Dusty Lagoon color palette (#F6F0F4, #C1E3ED, #449AB1, #007048, #132F43)
• Petrol Cabin color palette (#F1E5EC, #91BAD1, #1F70AA, #004C47, #06103B)
• Aged Denim Lagoon color palette (#EEDDE3, #82A0BC, #36529F, #00383F, #0C002B)
• Muted Cerulean color palette (#FFEBF9, #CB8977, #579E80, #0085A5, #32212D)
• Ancient Lagoon Thicket color palette (#F3E9F0, #38868A, #004354, #002014, #000104)
• Chestnut Courtyard color palette (#ECF4ED, #A8C3B4, #6D8C71, #754E34, #19322B)
• Ancient Rust color palette (#F9EDFA, #DAA2A8, #5CACAB, #A9525F, #093741)

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