Petrol Drift color palette — #F0F7F2 · #CDDDDD · #BBAFBC · #226F7C · #313E35
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F7F2): bright and airy, almost weightless.
- Silver (#CDDDDD): bright and airy, almost weightless.
- Ash (#BBAFBC): A luminous, dusty pink — the color of a candy shop window.
- Teal (#226F7C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Forest (#313E35): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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 Cerulean Thicket color palette (#EFF7F9, #D7D9E3, #C0BBCB, #0E919C, #2E3D43)
- Denim Canyon color palette (#FCF1FC, #DDCDD8, #C398AC, #1D5AA1, #3F2B3F)
- Driftwood Loft color palette (#F9F3F8, #E1D7D7, #B0ADA4, #94778F, #575056)
- Wandering Atelier color palette (#DFE7E2, #AABEB7, #9C869A, #004C60, #0C2519)
- Chestnut Workshop color palette (#DBF5FF, #B7A0B8, #856977, #7A4415, #414000)
- Ancient Cypress color palette (#F7F6E8, #80A77D, #287251, #3A5239, #35362F)
- Cellar Petrol color palette (#D3EAE2, #006A9B, #321D30, #041812, #000505)
- Timeworn Navy color palette (#F4ECF1, #A7939C, #85676E, #1F196C, #13030F)
Browse the whole catalog at Explore, or see today's palette.