Timeworn Petrol color palette — #D6E9EB · #008293 · #004F5D · #001E27 · #000103

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

The five colors

• Frost (#D6E9EB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#008293): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#004F5D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001E27): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000103): a grounded near-black with real depth.

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

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

• Washed Cobalt color palette (#D5E9F6, #007DC1, #004780, #00193A, #00000A)
• Wandering Lagoon Garden color palette (#CBF2E9, #00898F, #006678, #00455E, #000A1C)
• Midnight Pine Corridor color palette (#D4F3DD, #00865B, #004633, #001510, #000201)
• Gentle Aubergine color palette (#D3EEFF, #007694, #860496, #00303F, #030004)
• Aubergine Coast color palette (#DBF2FF, #005D7D, #5700A8, #003C29, #000103)
• Aged Iris color palette (#DAE8F3, #9AC4EA, #6B89CD, #004F61, #000103)
• Bronze Courtyard color palette (#D8E8D9, #857034, #4F3700, #1D0F00, #020100)
• Cobalt Corridor color palette (#D3EBF4, #39B4E9, #0083BE, #004A7D, #002349)

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