Petrol Loft color palette — #CFF1F5 · #00788B · #00495A · #002B39 · #00101B

A conversation between Teal and Deep Teal, giving this palette its sense of trust and stability.

The five colors

• Frost (#CFF1F5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Teal (#00788B): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#00495A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#002B39): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#00101B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Ancient Pine Parlor color palette (#D5E9DC, #008461, #005240, #002922, #000F0E)
• Gentle Lagoon Boulevard color palette (#C0E9E2, #008C95, #005165, #00324A, #1E0F46)
• Cobalt Orchard color palette (#E0F1FF, #0085CA, #005077, #00192C, #000103)
• Pale Cobalt Ridge color palette (#E1EEF7, #0073B4, #004A8C, #00245B, #020031)
• Worn Petrol Grove color palette (#B5F0FF, #51BBDC, #007DA6, #005B82, #072C44)
• Antique Aubergine Garden color palette (#CFE9F9, #006085, #601CA4, #004734, #000408)
• Aged Iris Atelier color palette (#C7E3FA, #82AEEB, #7486D2, #004B65, #001227)
• Cobalt Workshop color palette (#D6E8F5, #008DDF, #005CB0, #003581, #020455)

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