Petrol Studio color palette — #FFECD2 · #C0BC82 · #7DA57B · #4E719A · #4D4975
Built around Slate, softened by Sand — the whole palette hums with nature and growth.
The five colors
- Cream (#FFECD2): A whisper-light, dusty gold — the color of old brass.
- Sand (#C0BC82): A luminous, dusty green — the color of fresh herbs.
- Moss (#7DA57B): A luminous, dusty green — the color of fresh herbs.
- Slate (#4E719A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Peacock (#4D4975): A full-bodied, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, 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
- Teal Bloom color palette (#EFEAAA, #A8C997, #5EA993, #6F6B96, #59375D)
- Ancient Garden color palette (#FFDCD5, #FBAE74, #A6986D, #3B7E8A, #2B4B67)
- Tempered Taupe Loft color palette (#E6DED0, #A4B26B, #5B936C, #3F557E, #482937)
- Petrol Balcony color palette (#EEFDC5, #A5EDD0, #75B78B, #007C94, #004969)
- Ancient Iris Station color palette (#FFE0DC, #E9BFCF, #B1B769, #8083D0, #673365)
- Patina Balcony color palette (#EFF2D1, #79A26A, #0A7F69, #654255, #3B1E41)
- Aged Study color palette (#F1FAD8, #C8E0C0, #93B0A0, #978182, #614C48)
- Timeworn Garden color palette (#DDF7DD, #5EC3A0, #26929B, #725178, #64253D)
Browse the whole catalog at Explore, or see today's palette.