Petrol Loft color palette — #F8F5E9 · #A3AA3E · #0068AB · #575B00 · #00231C
Peacock and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F8F5E9): bright and airy, almost weightless.
- Moss (#A3AA3E): A luminous, balanced green — the color of a quiet forest floor.
- Peacock (#0068AB): A full-bodied, balanced blue — the color of open sky before noon.
- Olive (#575B00): A full-bodied, balanced green — the color of new leaves after rain.
- Onyx (#00231C): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
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
- Marigold Hollow color palette (#FCF4E9, #D5930A, #006D99, #734D00, #002031)
- Frosted Market color palette (#F6F6EB, #84A573, #4D52A9, #2E5D00, #24111E)
- Worn Clover Quarry color palette (#E3F7F3, #7CBC5C, #007B7A, #316B00, #000B10)
- Patina Forest color palette (#F3F7ED, #82BF97, #865B97, #007340, #311E23)
- Patina Garnet color palette (#FFF2ED, #699D36, #006D79, #850020, #004128)
- Weathered Lime color palette (#F6F6EA, #84D359, #0097AC, #438C00, #092314)
- Gentle Bronze Market color palette (#FFF4E1, #9D7700, #005F94, #6E2400, #3F2D00)
- Tempered Courtyard color palette (#F1F19A, #5FBA69, #007B70, #004F5E, #00365F)
Browse the whole catalog at Explore, or see today's palette.