Petrol Studio color palette — #FBF2FB · #8CD7B2 · #4E72A8 · #513951 · #291D29

Slate and Mint Leaf set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF2FB): a clean, paper-quiet neutral.
• Mint Leaf (#8CD7B2): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#4E72A8): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#513951): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#291D29): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Petrol Coast color palette (#E9FAF3, #A3D2AC, #37799F, #194761, #182520)
• Wandering Driftwood Quarry color palette (#FCF2F6, #F8C2BC, #8574A0, #60434F, #31292C)
• Petrol Chapel color palette (#FBF2F9, #FFE0B7, #63769E, #293758, #150C13)
• Worn Chapel color palette (#EFF6FF, #EBD2A0, #7D96BE, #4D6484, #1B222C)
• Marigold Archive color palette (#FCF1FB, #D4A565, #375081, #3C243A, #24171A)
• Ancient Peony color palette (#FDF2F7, #C2BBF9, #C56AB0, #806FCD, #331D1F)
• Mulberry Villa color palette (#FDE9E9, #E4A385, #993B74, #4C273C, #230F10)
• Sunlit Harbor color palette (#F7DCEA, #FF7C87, #5A39C3, #2D1B68, #1F0315)

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