Petrol Drift color palette — #FCEAE0 · #6FBFD2 · #0070A0 · #005145 · #132D54
Peacock and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#FCEAE0): A whisper-light, dusty gold — the color of honey in a jar.
- Cyan (#6FBFD2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#0070A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005145): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Navy (#132D54): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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
- Dusty Petrol Boulevard color palette (#F4E6DE, #80BFCF, #3170A1, #004D3A, #0C0F3A)
- Cobalt Drift color palette (#FCF3ED, #8BD0ED, #447CB1, #00605C, #4C3046)
- Washed Courtyard color palette (#E8F1EA, #B0DAEF, #3CB2E4, #00918D, #003052)
- Softworn Lagoon color palette (#EDDAD1, #0AA3AA, #005266, #003120, #001527)
- Worn Villa color palette (#FAF4ED, #BBE8DB, #7287C4, #2E6C77, #5A3E4D)
- Worn Navy color palette (#EADDD3, #278BB7, #003B76, #002223, #050228)
- Plum Study color palette (#F4DCEA, #BA008C, #007143, #005A4B, #340F28)
- Dusty Apricot Courtyard color palette (#FFEFEF, #FFB3BA, #D7905B, #6D508B, #4E2B27)
Browse the whole catalog at Explore, or see today's palette.