Petrol Drift color palette — #F1F3EA · #C6E5D5 · #6095B1 · #006A78 · #053429
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Cream (#F1F3EA): a clean, paper-quiet neutral.
- Celadon Mist (#C6E5D5): A whisper-light, dusty teal — the color of sea glass.
- Slate Blue (#6095B1): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006A78): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#053429): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Antique Parlor color palette (#F0F3E9, #BDE7D9, #6B91BA, #006888, #3B213B)
- Worn Cypress color palette (#F2F2EA, #C8DFD8, #82A78A, #31796E, #243C2D)
- Antique Denim Dune color palette (#E9EEDD, #5A91B3, #004D7C, #002A36, #00040F)
- Iris Thicket color palette (#EAF7E1, #5BB89D, #728ACE, #00765F, #1A2547)
- Airy Lagoon color palette (#C7F1CA, #70BC88, #299062, #006149, #003027)
- Tempered Cabin color palette (#E8EBDF, #8ABBD4, #0C73A5, #004958, #00172C)
- Cobalt Cabin color palette (#E8F8DF, #34A28D, #3286C1, #6E710A, #16220F)
- Lagoon Station color palette (#E0FBD6, #7BD2C6, #00887A, #004940, #001815)
Browse the whole catalog at Explore, or see today's palette.