Petrol Drift color palette — #FBEBE4 · #76BFC8 · #007295 · #00523E · #052F53
A conversation between Teal and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#FBEBE4): a clean, paper-quiet neutral.
- Cyan (#76BFC8): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007295): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00523E): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#052F53): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Cobalt Alley color palette (#FBF3EE, #8ED1E3, #2B80B0, #076155, #273B5B)
- Muted Lantern color palette (#F8ECDF, #8FB6DB, #4A61B5, #004E5A, #2F2452)
- Tempered Pier color palette (#E9F1EB, #A2DFE8, #34B4D9, #009283, #00324A)
- Tempered Loft color palette (#EFDDD4, #42A09B, #005360, #003218, #001623)
- Cypress Delta color palette (#FCF3EB, #BFE7D9, #6E8ABD, #007078, #583F4E)
- Patina Magenta Atelier color palette (#FFE5E8, #C338B2, #005E1F, #005B44, #341419)
- Amber Garden color palette (#FFECED, #FFB8CA, #DA8C62, #614C83, #462728)
- Peony Workshop color palette (#F4D5D7, #CF59B7, #287F00, #680059, #113107)
Browse the whole catalog at Explore, or see today's palette.