Petrol Loft color palette — #D2E5E2 · #75BFCC · #00829C · #00595A · #002330

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

The five colors

• Silver (#D2E5E2): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#75BFCC): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#00829C): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00595A): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#002330): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Dusty Pier color palette (#CFE3E2, #67ABCE, #006DA2, #004857, #00152A)
• Hushed Harbor color palette (#E5F2F0, #96CDE6, #0091CB, #00697A, #09314C)
• Aged Cobalt Study color palette (#FFF0FC, #94D9E5, #2582B7, #005438, #020038)
• Soft Delta color palette (#CBEDEE, #62D2BE, #00B6BB, #007739, #002C22)
• Soft Petrol Market color palette (#CCE4DF, #008777, #006DB2, #575E00, #001612)
• Worn Jade Boulevard color palette (#DFF4EA, #00B082, #007057, #003D2D, #000C07)
• Patina Terrace color palette (#EFF7F5, #CFE1F2, #73C0C6, #5B9288, #3F5761)
• Aged Emerald Bloom color palette (#E0F3D4, #239F18, #007631, #004E28, #002819)

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