Timeworn Petrol color palette — #EEEFE4 · #7CC4D0 · #00738A · #003E3E · #000305

Built around Teal, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Cream (#EEEFE4): a clean, paper-quiet neutral.
• Sky (#7CC4D0): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00738A): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003E3E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000305): a grounded near-black with real depth.

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

• Washed Grove color palette (#F4F7EC, #9DD5EC, #0085B5, #00505B, #000E1B)
• Washed Denim Corridor color palette (#DFE4D4, #7AA8CB, #005697, #002938, #000106)
• Cerulean Boulevard color palette (#F6E8E2, #70BECB, #008FBF, #006F59, #00142D)
• Cerulean Workshop color palette (#EEDBEA, #229AAA, #00506D, #002D22, #00040F)
• Cypress Workshop color palette (#F5F6EC, #BAE3F0, #63B2CE, #007E85, #003347)
• Antique Fern Terrace color palette (#F5EBD0, #898A4D, #584E00, #2A2000, #010100)
• Washed Boulevard color palette (#FBDFDC, #BD1A29, #6D5500, #680080, #050000)
• Timeworn Courtyard color palette (#FCDECF, #DE7845, #7B3400, #260B00, #030000)

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