Petrol Loft color palette — #F1F3EC · #C2E6D8 · #6C92B4 · #136882 · #39233A
Peacock takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F1F3EC): a clean, paper-quiet neutral.
- Celadon Mist (#C2E6D8): A whisper-light, dusty teal — the color of sea glass.
- Slate Blue (#6C92B4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#136882): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#39233A): A deep, shadowed, dusty pink — the color of neon signs at night.
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
- Muted Cypress color palette (#F2F3EB, #CBE4D2, #5898AB, #086C6E, #053524)
- Denim Studio color palette (#EFF0E0, #5AAAB4, #006374, #003938, #000D13)
- Weathered Cobalt Summit color palette (#F0F3E9, #A7D7F3, #008BD0, #005F74, #002647)
- Hushed Alley color palette (#EDF2E5, #658EB7, #0C4592, #00293D, #00001E)
- Lagoon Cabin color palette (#FAF4EE, #C2E3F6, #A1BCE7, #3D9096, #503547)
- Washed Abyss Market color palette (#E4E7D9, #468296, #00415A, #001F23, #000103)
- Tempered Coast color palette (#F2F4E1, #5AD0D6, #00808F, #00524C, #001E25)
- Ancient Cobalt color palette (#E6EBDD, #8DB9DE, #2A6CB4, #004761, #031335)
Browse the whole catalog at Explore, or see today's palette.