Timeworn Petrol Alley color palette — #DFF8F5 · #8BC5DC · #007BAA · #00505C · #001C30

Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#DFF8F5): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#8BC5DC): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#007BAA): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00505C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#001C30): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Dusty Sapphire color palette (#DEF8F7, #96C0E6, #0070D5, #004D6A, #000F50)
• Antique Lagoon color palette (#E4F6F3, #A9D8E8, #0094A3, #00635C, #002A34)
• Powdered Loft color palette (#E6F4FF, #BFDAFF, #8197FF, #006685, #002341)
• Wandering Petrol Station color palette (#ECF4F3, #D4D9ED, #77A1C6, #1D7692, #24374E)
• Olive Summit color palette (#C5E5F9, #0094BE, #548100, #00546E, #0D1A00)
• Denim Study color palette (#D2E2E1, #6DA4C2, #005E8E, #003744, #000B1B)
• Antique Navy Alley color palette (#D5E2E2, #5F7B99, #00377F, #001D2D, #00000D)
• Worn Lagoon Pier color palette (#D9E9E5, #449999, #00545A, #002C26, #000507)

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