Weathered Petrol Loft color palette — #F6F2DF · #42AEB4 · #5B64A7 · #464B00 · #09291D
Slate and Turquoise set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F6F2DF): A whisper-light, dusty green — the color of a quiet forest floor.
- Turquoise (#42AEB4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#5B64A7): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Olive (#464B00): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Deep Forest (#09291D): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged retro, muted, cool.
Use it as a design system
One click turns Weathered 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
- Petrol Hollow color palette (#FFEFDE, #79AA85, #257592, #643C00, #182811)
- Hazy Forest color palette (#F0F5DF, #56A7CC, #795C97, #005622, #301930)
- Dusty Loft color palette (#EAF6E9, #369F9F, #944A54, #234D00, #0E2500)
- Indigo Coast color palette (#FFF4E2, #529EDB, #635BB4, #753C0A, #4A3549)
- Patina Iris color palette (#E3FCEF, #62C1D1, #807CC5, #6A6628, #2C404F)
- Grape Parlor color palette (#D7E8CA, #008CB4, #6E00B6, #203900, #00112C)
- Wandering Basalt color palette (#E4FADB, #9FC4B8, #9E808E, #3A6449, #333F00)
- Faded Mulberry color palette (#E6EDD4, #7A84C8, #8C3961, #004241, #1F0D30)
Browse the whole catalog at Explore, or see today's palette.