Petrol Drift color palette — #FBF4E9 · #C3E5F7 · #7BAADF · #007C8E · #202D4E
A conversation between Teal and Cornflower, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FBF4E9): a clean, paper-quiet neutral.
- Powder Blue (#C3E5F7): A whisper-light, dusty blue — the color of deep harbor water.
- Cornflower (#7BAADF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007C8E): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#202D4E): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Washed Studio color palette (#FAF4EC, #B9E7EE, #45B8CA, #068265, #003444)
- Lagoon Dune color palette (#FCF3ED, #BEECDB, #93B0F4, #00A09B, #3D3457)
- Petrol Cabin color palette (#F6EDDE, #6DC6D6, #007291, #003E39, #000307)
- Weathered Archive color palette (#E5DED3, #74A8D1, #245397, #002A34, #00000B)
- Hushed Cobalt color palette (#EFF8F0, #ACC9E0, #357BC3, #005E6B, #2B3B55)
- Cerulean Archive color palette (#F9F4EE, #C6DDE9, #9BCED5, #5D9EA7, #5A4558)
- Sunlit Basin color palette (#FBF4EA, #A4D1FC, #5278C3, #004E63, #080230)
- Softworn Olive color palette (#FAF6DB, #B4CA75, #B494E1, #6B8100, #301B49)
Browse the whole catalog at Explore, or see today's palette.