Worn Petrol color palette — #F5EDDF · #7BC5CC · #00738B · #003F35 · #000306

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

The five colors

• Cream (#F5EDDF): A whisper-light, dusty gold — the color of honey in a jar.
• Aqua (#7BC5CC): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00738B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#003F35): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000306): quiet, heavy and certain.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn 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

• Cobalt Studio color palette (#F4EDE2, #83BFE4, #0068B9, #003D45, #000016)
• Cobalt Delta color palette (#FAF4EB, #8FD8F1, #0084B9, #005152, #000D1F)
• Patina Grove color palette (#DEF7FF, #88CDFC, #7E9AFF, #005B58, #00060D)
• Mulberry Boulevard color palette (#CCE4EA, #007487, #960084, #504200, #000102)
• Washed Brick Bloom color palette (#D7E6DA, #008E9E, #C20029, #00444C, #040000)
• Lagoon Quarry color palette (#C9E9E1, #009D94, #005B62, #002932, #000305)
• Frosted Alley color palette (#F2DED6, #59C2CB, #008FC0, #007141, #001037)
• Worn Turquoise color palette (#FAF4EC, #BBE6F1, #46B5DB, #008076, #00382B)

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