Timeworn Petrol color palette — #D6F3F6 · #007893 · #004A6E · #002750 · #030025

Teal and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D6F3F6): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#007893): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#004A6E): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#002750): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#030025): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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

• Patina Canyon color palette (#D6F3E7, #00796F, #00535C, #00313F, #000E1D)
• Misty Navy Delta color palette (#DAF4FB, #0077AD, #004A92, #16006F, #11002F)
• Hushed Lagoon color palette (#DBEFFF, #0071A2, #725200, #003D5A, #0A0500)
• Cornflower Summit color palette (#CFE2FC, #2E7DDC, #004996, #000357, #00000E)
• Orchid Terrace color palette (#E1F0FF, #9398D9, #B75BBB, #00565D, #060B2D)
• Hazy Delta color palette (#CAEAFF, #0072BE, #1700C9, #2D0073, #160027)
• Denim Studio color palette (#CFE4F6, #005D93, #743D00, #4D3A00, #000205)
• Muted Lantern color palette (#E2F1FF, #3F59DB, #4900B3, #33005B, #110013)

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