Petrol Studio color palette — #FBF4E9 · #B4A172 · #3C9582 · #6763A1 · #362F2B

Built around Slate, softened by Fern — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FBF4E9): a clean, paper-quiet neutral.
• Camel (#B4A172): A luminous, dusty gold — the color of old brass.
• Fern (#3C9582): A luminous, balanced teal — the color of glacier melt.
• Slate (#6763A1): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#362F2B): quiet, heavy and certain.

Feels like: Optimism, Creativity, Sophistication. Tagged jewel, vibrant, muted.

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

• Worn Thicket color palette (#F4F7EC, #93BE9A, #649B75, #4D66A3, #613521)
• Mulberry Boulevard color palette (#F4F7ED, #83B790, #3090AB, #8C4B83, #37332D)
• Timeworn Petrol color palette (#FCF4EA, #BD9360, #8B8F51, #006D91, #442E2D)
• Marigold Harbor color palette (#FFF1F5, #F4AD5A, #66A1C6, #3E6E8C, #2C2631)
• Antique Mulberry Grove color palette (#F6F7E4, #63903A, #007C95, #762673, #2C1E02)
• Tempered Apricot color palette (#FDF3EB, #FFA763, #8FB482, #A97A7B, #5C2101)
• Muted Petrol Courtyard color palette (#F8F3FC, #AB6A86, #11729A, #44507E, #353243)
• Muted Grape color palette (#F5F8DF, #40AA2B, #008778, #6324CA, #3C1C00)

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