Petrol Studio color palette — #EDF4EE · #C8DBDD · #D5B4C8 · #007985 · #152B1B

Teal and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EDF4EE): bright and airy, almost weightless.
• Silver (#C8DBDD): A whisper-light, dusty blue — the color of deep harbor water.
• Rosewood Mist (#D5B4C8): A luminous, dusty pink — the color of neon signs at night.
• Teal (#007985): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#152B1B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Petrol Studio 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

• Petrol Archive color palette (#EEF8F1, #C6E0E1, #C9B4CA, #00778A, #38433B)
• Patina Bloom color palette (#F0F3ED, #C8DCD7, #A8C7BB, #007F50, #212813)
• Denim Studio color palette (#E2ECE6, #D0C8D1, #B89AA8, #005F72, #041B0F)
• Dusty Cobalt Study color palette (#F7EFF7, #E5D1D1, #D5B6BA, #296CB7, #2B212C)
• Wandering Cerulean Courtyard color palette (#EFF6FA, #D7DBE7, #B6AEBA, #00A3BC, #1F3944)
• Ancient Pine Cabin color palette (#FBF1DD, #94B375, #007F59, #00546C, #162602)
• Hazy Fern Harbor color palette (#C0ECC6, #74BDC0, #5974AC, #496011, #163B09)
• Lowlit Petrol color palette (#DEF7ED, #0073A5, #272151, #00150E, #000501)

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