Petrol Drift color palette — #EEE8DE · #58B0C2 · #007093 · #004A46 · #001527

Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Parchment (#EEE8DE): a clean, paper-quiet neutral.
• Cyan (#58B0C2): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#007093): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004A46): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#001527): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Sunlit Thicket color palette (#F0E7D8, #6AA9D6, #0062C7, #004856, #070A3D)
• Petrol Chapel color palette (#DEF3F0, #80C3D2, #00738D, #003D40, #000306)
• Cobalt Basin color palette (#F1E6EE, #75BDCC, #008EC4, #006F5D, #001330)
• Worn Market color palette (#EFDED5, #00A0B9, #004E79, #003122, #080D37)
• Worn Market color palette (#F9F4EE, #B8DFC8, #2EA1D6, #007C7B, #1F3D59)
• Tempered Peony color palette (#E8E9FF, #C8A0E9, #D951AD, #2F5AA7, #1B0E33)
• Pale Lapis Alley color palette (#EAEBFA, #603CE5, #963A00, #00593D, #070024)
• Powder Alley color palette (#F8F5EF, #CAE8E9, #8EB5DE, #53919C, #5F4B5C)

Browse the whole catalog at Explore, or see today's palette.