Petrol Loft color palette — #FAF4EA · #A18E43 · #006F97 · #5F446C · #39322E
Peacock and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FAF4EA): bright and airy, almost weightless.
- Moss (#A18E43): A luminous, balanced green — the color of fresh herbs.
- Peacock (#006F97): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#5F446C): A full-bodied, dusty violet — the color of a velvet chair.
- Espresso (#39322E): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Wandering Moss color palette (#F7F1E5, #989341, #486798, #5A3D59, #281714)
- Weathered Moss color palette (#E7FAF6, #8CA860, #4E8AA9, #3C718B, #3D2F3C)
- Worn Bronze color palette (#FFF3EB, #B16B4F, #00786B, #395083, #3E2B2B)
- Tempered Denim color palette (#F4F6EC, #578E5D, #635C9E, #74384F, #35312B)
- Aged Field color palette (#FDF4E5, #A5AE6E, #3A895B, #55547D, #484841)
- Worn Driftwood Lantern color palette (#F7F5EF, #D7DCD5, #9DB0B4, #868553, #555249)
- Softworn Loft color palette (#FAF6E2, #707400, #004ABC, #64005B, #341901)
- Gentle Forest color palette (#FFF4DC, #B9C68D, #669057, #1C6B45, #005245)
Browse the whole catalog at Explore, or see today's palette.