Petrol Loft color palette — #FEEEE6 · #6BCECB · #007F94 · #00552F · #001D2C
A conversation between Teal and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#FEEEE6): A whisper-light, dusty orange — the color of autumn markets.
- Aqua (#6BCECB): A luminous, balanced teal — the color of glacier melt.
- Teal (#007F94): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#00552F): A deep, shadowed, balanced teal — the color of glacier melt.
- Midnight (#001D2C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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
- Patina Aqua color palette (#F6F7E7, #52CDCA, #007D84, #00574B, #003A42)
- Sunlit Summit color palette (#FFEEE3, #58CBF2, #0077BD, #00524D, #081343)
- Hushed Denim color palette (#EDDDD6, #6BA9AA, #006278, #003B26, #000C18)
- Timeworn Boulevard color palette (#E5FBF6, #C2DCFC, #00AFB7, #007464, #002A30)
- Powdered Terrace color palette (#FFF0FA, #53E3DF, #009DB6, #007745, #003751)
- Muted Cerulean Canyon color palette (#F8E8E0, #338596, #00415D, #00201A, #000106)
- Dusty Moss Alley color palette (#E4E0D2, #969600, #487000, #024A0D, #002317)
- Seafoam Thicket color palette (#F2F1CB, #40F8CE, #00C0D7, #705D00, #002310)
Browse the whole catalog at Explore, or see today's palette.