Petrol Studio color palette — #ECF4EF · #CCD9DB · #C9AEC0 · #007088 · #18231D

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

The five colors

• Cream (#ECF4EF): bright and airy, almost weightless.
• Silver (#CCD9DB): bright and airy, almost weightless.
• Rosewood Mist (#C9AEC0): A luminous, dusty pink — the color of peonies in June.
• Teal (#007088): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#18231D): quiet, heavy and certain.

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

• Cerulean Workshop color palette (#F0F6FA, #D8DBE6, #C4B3B3, #5293B0, #283035)
• Patina Indigo Field color palette (#FAEEF3, #E2D2CD, #DAB5B1, #7458AB, #311E27)
• Weathered Abyss Lantern color palette (#E5ECE9, #BDAEBC, #A18493, #004A65, #010E08)
• Ultramarine Dune color palette (#FAEDF8, #E9CAD8, #C89FA7, #1E4BCB, #241322)
• Cypress Boulevard color palette (#F4F2E6, #7AAF83, #007661, #084E61, #1A1F03)
• Wandering Aubergine Station color palette (#EEE7E9, #D6C7C8, #BC9B94, #6A3B8D, #1F1116)
• Worn Fern color palette (#C3EBCF, #899DC8, #876E9B, #5C4B00, #2F2607)
• Twilit Petrol Basin color palette (#F2E4F3, #0066B2, #231E45, #130814, #000301)

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