Timeworn Petrol color palette — #D0F8F3 · #007781 · #004A61 · #002944 · #000427
Teal and Ink set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D0F8F3): A whisper-light, dusty teal — the color of glacier melt.
- Teal (#007781): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004A61): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#002944): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000427): 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
- Petrol Delta color palette (#CEE3E7, #006C7F, #003E4F, #001925, #030412)
- Navy Dune color palette (#D0EAE3, #008E92, #006B85, #004374, #090030)
- Timeworn Pine Quarry color palette (#D6E7D2, #008053, #005148, #002A29, #000F14)
- Chestnut Market color palette (#DCF6EA, #007398, #824700, #003E54, #0D0400)
- Hushed Cobalt color palette (#DDECF8, #007CC6, #004F7F, #001833, #000205)
- Violet Orchard color palette (#CBEADB, #7CA5F4, #9C66C5, #005658, #00102A)
- Navy Loft color palette (#C4E8F6, #0078AB, #004494, #20007B, #09001C)
- Muted Cocoa color palette (#D2E2EC, #005F87, #7B3600, #573400, #000204)
Browse the whole catalog at Explore, or see today's palette.