Petrol Studio color palette — #FFF1F3 · #F6CDAD · #B4AE7D · #5E6CA2 · #2E3E5D

Slate takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Wheat (#F6CDAD): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#B4AE7D): A luminous, dusty green — the color of a quiet forest floor.
• Slate (#5E6CA2): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#2E3E5D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged vintage, retro, 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

• Pewter Veranda color palette (#FFF2EA, #E2DBAC, #80B08B, #815E88, #55385B)
• Petrol Basin color palette (#FEF0FF, #FFCDDC, #D49870, #228197, #274E67)
• Driftwood Atelier color palette (#FFE8EB, #D5A27B, #8B8344, #525B89, #603F57)
• Driftwood Station color palette (#FFF2F0, #D3B28F, #82894B, #455172, #212847)
• Antique Onyx color palette (#FFD7D2, #8AA988, #767C4B, #373867, #29001E)
• Lagoon Canyon color palette (#FFECC8, #E1D0A5, #A3B770, #00A092, #005257)
• Antique Taupe color palette (#F2DFD0, #C8A468, #897B41, #34624B, #00362E)
• Tempered Station color palette (#E0FEEB, #CAE5EB, #B4C6D6, #91899C, #514A59)

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