Timeworn Petrol color palette — #FFE9DF · #60C8D9 · #006FA0 · #004029 · #000016

A conversation between Peacock and Aqua, giving this palette its sense of trust and stability.

The five colors

• Rose Water (#FFE9DF): A whisper-light, dusty orange — the color of autumn markets.
• Aqua (#60C8D9): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006FA0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004029): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000016): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Tempered Ultramarine color palette (#F7ECE2, #67C1F9, #3C5DC4, #003E3C, #04000F)
• Ancient Cobalt color palette (#FFF2EA, #7ED9FF, #2E79D5, #005247, #0B042B)
• Denim Lantern color palette (#EBE2E9, #539CA9, #00506F, #003127, #00132F)
• Hushed Cerulean color palette (#D1EAE6, #64BFD1, #0091B1, #006C6F, #001721)
• Coral Study color palette (#F0F5FF, #E1ABF9, #F07C82, #006478, #100009)
• Azure Study color palette (#FFF2ED, #A2F6FF, #3C9DCB, #136D43, #081C42)
• Hazy Boulevard color palette (#D4E7EE, #0084D3, #3926E4, #270056, #060009)
• Wandering Ridge color palette (#E9EEFF, #3C3DFF, #585E00, #424700, #00000B)

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