Petrol Loft color palette — #F9F4EE · #C0E6DA · #6F8CB6 · #006E84 · #5C3B54
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F9F4EE): bright and airy, almost weightless.
- Celadon Mist (#C0E6DA): A whisper-light, dusty teal — the color of shallow lagoons.
- Slate Blue (#6F8CB6): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#006E84): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#5C3B54): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, 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
- Wandering Cypress color palette (#F8F5EF, #CDE3D3, #4995B2, #007269, #234C68)
- Ancient Delta color palette (#F7F0EA, #C3E5DA, #7589D0, #006C6D, #3D222E)
- Tempered Powder Studio color palette (#EEF8F0, #D7DDF4, #9ABFF6, #5EA4B7, #3A4763)
- Ancient Periwinkle color palette (#FAF3F5, #D7DDFB, #86A1F0, #068C8A, #414565)
- Hushed Studio color palette (#EEE5D7, #4D89A2, #004064, #002224, #00081D)
- Chestnut Field color palette (#FEF3E8, #C49563, #4A90C4, #8F5600, #10466A)
- Softworn Studio color palette (#FFF3E5, #A8804A, #008D8C, #825199, #3C3731)
- Muted Basin color palette (#EBE4DA, #84A990, #00607C, #003E39, #002237)
Browse the whole catalog at Explore, or see today's palette.