Timeworn Petrol color palette — #DDF1F1 · #006E7F · #003E55 · #001C3D · #02001A

A conversation between Teal and Midnight, giving this palette its sense of trust and stability.

The five colors

• Frost (#DDF1F1): A whisper-light, dusty teal — the color of sea glass.
• Teal (#006E7F): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003E55): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#001C3D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#02001A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Patina Petrol color palette (#CBF1FF, #007CA3, #004663, #00243A, #001023)
• Shadow Workshop color palette (#DDF1E1, #007052, #00413B, #002023, #000305)
• Tempered Denim Basin color palette (#D8ECFB, #00638B, #624200, #002E43, #050200)
• Obsidian Cobalt Dune color palette (#E1F0FF, #206CC4, #003578, #000B29, #000106)
• Sunlit Plum color palette (#E2F1FF, #8B8EDB, #9D52A1, #004B50, #00041D)
• Airy Navy color palette (#C4EDF2, #0096BA, #0068A1, #002989, #1E0058)
• Nocturne Hollow color palette (#D4E4DA, #596A1E, #3F3600, #241400, #000200)
• Nightshade Alley color palette (#E4F1FF, #1B55C9, #3600AA, #24004B, #0B000F)

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