Petrol Ridge color palette — #FBF1FF · #C8B8C4 · #A38690 · #4A7B83 · #35515F
Built around Slate, softened by Peacock — the whole palette hums with sophistication.
The five colors
- Blush (#FBF1FF): A whisper-light, dusty pink — the color of peonies in June.
- Stone (#C8B8C4): A luminous, dusty pink — the color of peonies in June.
- Heather (#A38690): A luminous, dusty rose — the color of strawberry cream.
- Slate (#4A7B83): A full-bodied, dusty blue — the color of open sky before noon.
- Peacock (#35515F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: 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
- Patina Coast color palette (#FFF0F8, #BFD5C1, #7F9A8E, #5E7686, #434E5F)
- Denim Courtyard color palette (#FFE4E0, #D29D79, #927F52, #006870, #1A5174)
- Patina Pewter Drift color palette (#F9DBF0, #B28F70, #75692D, #004D5A, #2D2D51)
- Dusty Bronze Villa color palette (#FCF2F7, #D2A48B, #52A5C2, #B1540C, #225465)
- Pewter Canyon color palette (#FFF1F7, #B98D6D, #4A9A88, #7C69A8, #513B45)
- Chestnut Drift color palette (#FFF0FE, #DAA094, #B97357, #8E4F1D, #6A4351)
- Navy Orchard color palette (#FFE4D0, #947F53, #4D5F0D, #003E5F, #14225C)
- Cocoa Lagoon color palette (#FFF1F6, #EEBFD1, #AB784B, #734400, #4F3006)
Browse the whole catalog at Explore, or see today's palette.