Petrol Field color palette — #ECF4EF · #E3D4D8 · #C5B1B9 · #087088 · #19231D

Built around Teal, softened by Rosewood Mist — the whole palette hums with trust and stability.

The five colors

• Cream (#ECF4EF): bright and airy, almost weightless.
• Silver (#E3D4D8): a clean, paper-quiet neutral.
• Rosewood Mist (#C5B1B9): A luminous, dusty rose — the color of a warm blush.
• Teal (#087088): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#19231D): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Petrol Field 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 Petrol color palette (#F0F7F4, #D0DCDE, #C1ACBD, #006E8F, #2D3F37)
• Cerulean Hollow color palette (#EFF6FB, #D9DAE5, #C0ABA9, #5793AD, #243038)
• Indigo Meadow color palette (#F9EEF3, #E4D2CB, #D5B8AF, #7458A9, #321E27)
• Ultramarine Terrace color palette (#F8EEF6, #E3CDD5, #C99FA0, #254EC1, #241322)
• Cypress Studio color palette (#F6F2E3, #7DAE84, #117469, #264F44, #1B1E07)
• Antique Denim color palette (#EFE6E9, #D7C7C6, #B59E95, #63467C, #1D1216)
• Fern Archive color palette (#E4EFDE, #87B2A4, #796B93, #415831, #2B2A0C)
• Abyss Orchard color palette (#E5F1EC, #BBAFB8, #A1848E, #004A66, #000F08)

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