Petrol Drift color palette — #FCECCE · #9D7C00 · #0067AF · #6E2D00 · #110400
Built around Cobalt, softened by Ochre — the whole palette hums with nature and growth.
The five colors
- Custard (#FCECCE): A whisper-light, dusty gold — the color of old brass.
- Ochre (#9D7C00): A luminous, balanced gold — the color of old brass.
- Cobalt (#0067AF): A full-bodied, balanced blue — the color of open sky before noon.
- Rust (#6E2D00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#110400): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.
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
- Airy Grape Pier color palette (#E8E6D5, #7D981A, #5736C7, #6A3200, #110400)
- Rust Delta color palette (#F7E4D6, #C85D00, #007083, #7C0048, #160008)
- Faded Cobalt Orchard color palette (#EEF4D5, #5FA984, #1D7DAA, #754035, #390500)
- Gentle Jade color palette (#F3EBD2, #65AB65, #008370, #5C5815, #001501)
- Grape Atelier color palette (#DDE3CD, #1EA558, #8422A1, #573F00, #0C0600)
- Ancient Pine color palette (#D8F5F4, #007A49, #004680, #490032, #0D0600)
- Aubergine Alley color palette (#F2EDCE, #82971A, #5D3DB5, #630989, #0F001A)
- Powdered Plum color palette (#D8F1D7, #00A5A2, #BC3C6A, #5D5100, #161200)
Browse the whole catalog at Explore, or see today's palette.