Petrol Loft color palette — #FFF1F6 · #2EABAA · #246CB2 · #724000 · #25414E
A conversation between Royal Blue and Turquoise, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Turquoise (#2EABAA): A luminous, balanced teal — the color of shallow lagoons.
- Royal Blue (#246CB2): A full-bodied, balanced blue — the color of deep harbor water.
- Bronze (#724000): A full-bodied, balanced gold — the color of old brass.
- Deep Teal (#25414E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged retro, cool.
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
- Hushed Indigo Study color palette (#E8FBEF, #45A4C6, #615EAF, #5B4D0B, #2C3F51)
- Antique Jade Workshop color palette (#FFF0F9, #67A976, #007885, #743847, #234346)
- Feathered Turquoise color palette (#EEF6D7, #05ADD0, #1E71A5, #553865, #11281E)
- Pine Canyon color palette (#EEF8F2, #8DBAAE, #3D8456, #3D606A, #2F4842)
- Soft Mulberry Veranda color palette (#E7F9FE, #009C9D, #904084, #5E4200, #303706)
- Lapis Grove color palette (#FCE2AC, #008CA4, #3804E5, #493500, #002D43)
- Cerulean Delta color palette (#FAF3F8, #B9E4F3, #0099BC, #2B7155, #304A62)
- Driftwood Workshop color palette (#DDF9FE, #9CB6C7, #717FA3, #546856, #2E5253)
Browse the whole catalog at Explore, or see today's palette.