Timeworn Petrol Loft color palette — #CBF1DF · #268189 · #304F76 · #47210D · #280B00

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

The five colors

• Honeydew (#CBF1DF): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#268189): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#304F76): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#47210D): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#280B00): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Calm, Sophistication. Tagged vintage, retro, muted, cool.

Use it as a design system

One click turns Timeworn Petrol Loft 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

• Onyx Summit color palette (#EDEBCD, #5B8663, #005B5C, #4E222E, #300006)
• Antique Canyon color palette (#CAF5FC, #4280B2, #554178, #3A3500, #141200)
• Patina Navy color palette (#C1E9F4, #44768E, #003D69, #2B0F3B, #1F001C)
• Cypress Meadow color palette (#D6F0EB, #007E83, #005061, #002842, #00091D)
• Lagoon Coast color palette (#CAE9E3, #008966, #00504F, #113501, #000804)
• Antique Chestnut color palette (#DEF3FF, #007492, #854500, #003F50, #0D0300)
• Cocoa Bloom color palette (#DBF0FF, #005E8B, #7F3300, #593300, #000204)
• Azure Boulevard color palette (#C8E7E7, #649ED1, #746B92, #5E4E1E, #302400)

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