Petrol Drift color palette — #FBEEF1 · #A687B2 · #4E8F93 · #216685 · #301C21
A conversation between Peacock and Dusty Rose, giving this palette its sense of trust and stability.
The five colors
- Blush (#FBEEF1): bright and airy, almost weightless.
- Dusty Rose (#A687B2): A luminous, dusty pink — the color of a candy shop window.
- Storm Blue (#4E8F93): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#216685): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#301C21): A deep, shadowed, dusty red — the color of late-summer berries.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Petrol Drift 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 Navy color palette (#FDEEED, #A4728C, #2F7997, #364688, #261017)
- Wandering Blush color palette (#F9F2FE, #C07597, #23908D, #4E5C90, #423948)
- Dusty Cypress Coast color palette (#F8F0E8, #B58C5B, #609069, #006E63, #2D2010)
- Tempered Pewter Garden color palette (#FBEFE9, #C2826D, #7D7EAA, #744C82, #311D12)
- Muted Denim Courtyard color palette (#F2F3E7, #84A87D, #357F7A, #005277, #252244)
- Weathered Cerulean Alley color palette (#FFF3E9, #EAB795, #7CBFA0, #5F84B2, #36302C)
- Feathered Nightshade color palette (#FFEDEB, #C54484, #0072AA, #2728BD, #2B0017)
- Muted Driftwood Lantern color palette (#F6F1EC, #D7D7D0, #A9B4A8, #A4794A, #3B352F)
Browse the whole catalog at Explore, or see today's palette.