Petrol Loft color palette — #DBF1F4 · #007988 · #00343A · #232128 · #000B0E

Teal takes the lead with Deep Forest close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DBF1F4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Teal (#007988): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#00343A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#232128): a grounded near-black with real depth.
• Ink (#000B0E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged monochrome, 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

• Tempered Pier color palette (#C9EBFF, #009ED4, #005F83, #002C3D, #001926)
• Muted Lagoon color palette (#C4EBF3, #008792, #004E55, #001E24, #000203)
• Inked Terrace color palette (#DAF5E5, #007245, #00351E, #000F05, #000205)
• Worn Station color palette (#E7F9FF, #00C4EC, #00718A, #004152, #002B35)
• Obsidian Ultramarine Terrace color palette (#DCE6F4, #1864B9, #00285C, #000920, #050002)
• Aged Field color palette (#FFE0E1, #B200D4, #0062BC, #0D0C1A, #000206)
• Antique Market color palette (#EFF6FF, #92B2EB, #5673B1, #24457E, #172B54)
• Aubergine Villa color palette (#DBE5F4, #2E56A8, #3C005C, #001058, #02000D)

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