Petrol Ridge color palette — #F0E6EB · #92BAD0 · #396EA3 · #004D3E · #100B3D
Slate takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#F0E6EB): a clean, paper-quiet neutral.
- Ash (#92BAD0): A luminous, dusty blue — the color of open sky before noon.
- Slate (#396EA3): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D3E): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#100B3D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Timeworn Petrol Dune color palette (#E8F1EA, #8DB8D1, #006FA3, #004F52, #082E57)
- Softworn Bloom color palette (#FCEDF3, #ABCCE5, #5A7BB8, #005C55, #21193D)
- Washed Denim color palette (#EEDDE2, #7CA1BF, #3E4FA3, #00393A, #110026)
- Weathered Forest color palette (#FAEDFB, #9EDDDA, #0091B1, #016818, #002647)
- Cypress Delta color palette (#F8EFF3, #D7D1E6, #839EC5, #37786D, #2E354D)
- Denim Summit color palette (#F2E3EF, #53969F, #004F72, #002D1A, #00011D)
- Plum Courtyard color palette (#EAE0F2, #B72178, #006E5F, #00515B, #1C000E)
- Weathered Denim color palette (#F3E9FF, #F2BDB9, #B39B4F, #694A91, #251027)
Browse the whole catalog at Explore, or see today's palette.