Petrol Loft color palette — #F0F7F1 · #C7DFF8 · #6F89BF · #006D89 · #394768
Peacock and Slate Blue set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F0F7F1): a clean, paper-quiet neutral.
- Powder Blue (#C7DFF8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate Blue (#6F89BF): A luminous, balanced violet — the color of twilight just after sunset.
- Peacock (#006D89): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#394768): A full-bodied, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. 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
- Cornflower Garden color palette (#EEF8F0, #B2D2F0, #417DDA, #006378, #2F3878)
- Dusty Denim color palette (#E2EEE4, #6EA9B9, #005F82, #003E3C, #00213B)
- Worn Workshop color palette (#E5F0E7, #5887A1, #003E6C, #002226, #000329)
- Lagoon Dune color palette (#F9F4EF, #C5EFE4, #96A0DD, #1E8A90, #5B3E49)
- Petrol Chapel color palette (#EEF8F0, #83C4D0, #00799B, #005650, #003655)
- Hushed Courtyard color palette (#DEFDF7, #6B9662, #4F7AC2, #AB3F45, #193F3A)
- Wandering Olive Quarry color palette (#E7FAF5, #8CAB76, #A174BC, #427600, #513462)
- Aged Olive color palette (#E7FAF7, #C6E6F5, #8AD7D8, #797F38, #2D5151)
Browse the whole catalog at Explore, or see today's palette.