Petrol Loft color palette — #FBEDF5 · #AFABE7 · #9EA25E · #6E68A7 · #33312A
Slate takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#FBEDF5): a clean, paper-quiet neutral.
- Mauve (#AFABE7): A luminous, balanced violet — the color of wild irises.
- Moss (#9EA25E): A luminous, balanced green — the color of new leaves after rain.
- Slate (#6E68A7): A full-bodied, balanced violet — the color of twilight just after sunset.
- Espresso (#33312A): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Petrol Loft 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
- Ancient Petrol color palette (#E8F5F0, #84BBE0, #C29163, #3878A1, #35302B)
- Dusty Parlor color palette (#F2F5FF, #A3AED6, #A09C60, #7162BD, #335645)
- Antique Pewter Cabin color palette (#FDEEEF, #D3A1C7, #70AB8A, #915D86, #2A3700)
- Dusty Lilac color palette (#FFECF4, #9F91D1, #B77F5A, #358974, #351F2A)
- Washed Stone color palette (#FFECF4, #E5D3CF, #CDB994, #997C91, #423137)
- Timeworn Pewter color palette (#FBEEF0, #D6C09E, #7C555B, #45272C, #1B1112)
- Tempered Driftwood color palette (#FFECF4, #D8C5F3, #8B7BB0, #594473, #251939)
- Chalky Aubergine color palette (#FFECF2, #C38CEE, #6C8F00, #7200A7, #1A2500)
Browse the whole catalog at Explore, or see today's palette.