Timeworn Petrol color palette — #FBE8F1 · #73C2E4 · #006AB4 · #003E3C · #010015

Royal Blue takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#FBE8F1): A whisper-light, dusty rose — the color of strawberry cream.
• Sky (#73C2E4): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#006AB4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003E3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Softworn Petrol color palette (#F8E9F3, #7AC6C6, #00738A, #004027, #000307)
• Faded Sapphire color palette (#FFF1F5, #A4D2F7, #3F6DF1, #005059, #0E0030)
• Navy Terrace color palette (#F0DDD0, #4E94B0, #004791, #002C26, #04001A)
• Frosted Cobalt color palette (#EDF1E2, #63BCE4, #008DC9, #006A7D, #001528)
• Lapis Canyon color palette (#E7E8FF, #5E32F6, #685700, #00512D, #010009)
• Powdered Thicket color palette (#EDF1FF, #F2A7F1, #FF728C, #004D98, #0C0014)
• Muted Study color palette (#FCF2F6, #D6D4E0, #66A8FC, #007F81, #262A4F)
• Linen Grape Courtyard color palette (#E0EDFC, #4073FF, #4900D1, #350054, #050007)

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