Timeworn Petrol Alley color palette — #DFE0D6 · #84AC90 · #00829C · #005D5E · #000B12

Cerulean and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#DFE0D6): bright and airy, almost weightless.
• Sage (#84AC90): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#00829C): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005D5E): A full-bodied, dusty teal — the color of glacier melt.
• Ink (#000B12): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, 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

• Washed Cobalt color palette (#E2E7D7, #75A7C9, #0079C4, #005A72, #00091B)
• Weathered Bloom color palette (#F1E1DA, #589FAD, #006085, #003D31, #00091C)
• Ancient Teal Loft color palette (#EEEEE3, #86CFCE, #00A5B0, #007F6F, #00242A)
• Ancient Market color palette (#D1E9E5, #008899, #004352, #001F20, #000203)
• Soft Mulberry color palette (#F0D7D9, #B255A5, #007AAA, #8E0082, #00070E)
• Powdered Periwinkle color palette (#EDF0E4, #B3DECC, #50ADED, #008CAA, #002F56)
• Timeworn Teal Balcony color palette (#F5F6EF, #C5E4DE, #84CADA, #00AEAA, #114F61)
• Quiet Terracotta color palette (#FFE6D6, #AE6F48, #9E3D00, #751701, #080200)

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