Petrol Loft color palette — #FEF1F6 · #C69E7D · #7D8B57 · #006D93 · #3B3142
A conversation between Peacock and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FEF1F6): a clean, paper-quiet neutral.
- Camel (#C69E7D): A luminous, dusty gold — the color of afternoon light on wheat.
- Moss (#7D8B57): A luminous, dusty green — the color of fresh herbs.
- Peacock (#006D93): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#3B3142): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Optimism, 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 Studio color palette (#F8F3FC, #D79EB7, #8E9158, #237294, #593450)
- Patina Lantern color palette (#EDF9EF, #BAA06B, #389678, #665DA0, #3F2E37)
- Patina Delta color palette (#FBF4E9, #A08B4D, #008061, #005C66, #3A2F3B)
- Antique Grove color palette (#FFF2EE, #FFA6B2, #36AAAE, #367779, #33222C)
- Weathered Canyon color palette (#EBFAEB, #BB8000, #248808, #00598A, #410A19)
- Taupe Bloom color palette (#F9F3F8, #E1D8D7, #B0B3BE, #C58A85, #584F57)
- Dusty Mustard Boulevard color palette (#FFF0F9, #E7D5D2, #E8C694, #B0B15A, #553944)
- Wandering Boulevard color palette (#F9F2FE, #F79CC5, #6DB0D6, #7F89B9, #34323E)
Browse the whole catalog at Explore, or see today's palette.