Petrol Loft color palette — #E8EEDB · #7BA8C8 · #0069B2 · #00475D · #001232

Cobalt and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#E8EEDB): A whisper-light, dusty green — the color of a quiet forest floor.
• Blue Fog (#7BA8C8): A luminous, dusty blue — the color of open sky before noon.
• Cobalt (#0069B2): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#00475D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001232): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. 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

• Petrol Grove color palette (#E7E9DB, #66AFB9, #007386, #004A49, #00171F)
• Petrol Terrace color palette (#DDF4F2, #74C0F3, #006AB2, #003B4E, #00020B)
• Weathered Nightshade Coast color palette (#F6E9DD, #6C95B1, #003CAC, #002F33, #120340)
• Cornflower Study color palette (#F1DFE6, #6DB9E9, #267BFE, #006C72, #110341)
• Wandering Azure Station color palette (#F4F6EE, #B7DED3, #6498D7, #00769F, #283A5B)
• Worn Lagoon Corridor color palette (#F7F7E2, #8FDBD5, #00A0A4, #007461, #003A41)
• Aged Balcony color palette (#DBE2D3, #4D7400, #006869, #6D3D00, #040A00)
• Tempered Workshop color palette (#F5F6EE, #CAE5DE, #95BDA0, #52948D, #375142)

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