Petrol Loft color palette — #FFF0FB · #7CC5D5 · #0074B0 · #00583F · #1D2970

Cerulean and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Sky (#7CC5D5): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#0074B0): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#00583F): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#1D2970): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Tempered Sapphire color palette (#FFF0F8, #84C1DF, #0064E5, #00574E, #331E71)
• Wandering Aqua Archive color palette (#FAF0E2, #58CEE4, #007DA1, #00524D, #001C30)
• Hazy Denim color palette (#F8EAF3, #6AA9BC, #005A96, #003F31, #151450)
• Feathered Indigo Market color palette (#FFF1F5, #B1D2F1, #6174DE, #006668, #4B2E70)
• Chalky Cerulean color palette (#EDF9EF, #86DAEB, #009AC6, #00736C, #003656)
• Tempered Cypress color palette (#F9F3F7, #D7DFF1, #7A9CC4, #1C806D, #48526B)
• Dusty Sky Studio color palette (#FFF2EC, #81ECFF, #37B6FD, #009C6C, #1C2E65)
• Worn Navy Orchard color palette (#F9EAF0, #5687A4, #032B99, #002220, #0C0026)

Browse the whole catalog at Explore, or see today's palette.