Petrol Ridge color palette — #E4EEFF · #C7B0E1 · #BB7E7C · #2B7D84 · #00575D
Built around Teal, softened by Dusty Rose — the whole palette hums with trust and stability.
The five colors
- Frost (#E4EEFF): A whisper-light, dusty violet — the color of wild irises.
- Lavender (#C7B0E1): A luminous, dusty violet — the color of a velvet chair.
- Dusty Rose (#BB7E7C): A luminous, dusty orange — the color of autumn markets.
- Teal (#2B7D84): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Peacock (#00575D): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, 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
- Softworn Petrol Cabin color palette (#D9E7FF, #BBB5DF, #C58884, #46769C, #37436F)
- Taupe Atelier color palette (#FBF1FF, #D696B6, #AD706B, #4E693F, #215A4C)
- Tempered Denim Orchard color palette (#DBEDFF, #9AA2C8, #9E6A7C, #10657F, #153F64)
- Pine Alley color palette (#E0F7FF, #8FC8D9, #958DBA, #4A7E57, #005B61)
- Dusty Mallow color palette (#F6E4FF, #FFB2D8, #DE9E99, #628E87, #1A5448)
- Dusty Taupe color palette (#F5F3FF, #DDCADF, #98B19A, #82869D, #4D506A)
- Quiet Ultramarine color palette (#F4EBFF, #DE9FB2, #BB7B30, #5258AE, #403164)
- Washed Denim color palette (#DEE5F3, #AA84A7, #985B48, #26487B, #042150)
Browse the whole catalog at Explore, or see today's palette.