Timeworn Petrol Alley color palette — #DFEFF6 · #369EC8 · #0073A4 · #003F64 · #001F3E

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

The five colors

• Frost (#DFEFF6): bright and airy, almost weightless.
• Cerulean (#369EC8): A luminous, balanced blue — the color of open sky before noon.
• Slate (#0073A4): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003F64): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#001F3E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Timeworn Petrol Alley 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

• Ultramarine Meadow color palette (#DCF0FF, #5C9FD9, #0062BC, #003C91, #0C184A)
• Antique Teal Grove color palette (#CBF9F3, #11A8AA, #007278, #004851, #002832)
• Airy Ultramarine Cabin color palette (#D4FFFD, #4DD0E8, #0094CB, #005EBC, #1B2956)
• Soft Field color palette (#CCEBEB, #00ABC8, #00719E, #004986, #31385D)
• Cobalt Ridge color palette (#FFEAFE, #80ACE3, #2A6BB7, #00316B, #000921)
• Worn Meadow color palette (#D7EFE8, #4B97D5, #B15792, #005990, #360327)
• Washed Petrol color palette (#FEEAFF, #CEDCFF, #ADAAF1, #1573AA, #371F36)
• Dusty Pier color palette (#E0E9FE, #7E88CF, #6059C2, #4C2397, #261142)

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