Timeworn Petrol Bloom color palette — #F5ECE8 · #80BEC3 · #007391 · #00523B · #003052

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

The five colors

• Cream (#F5ECE8): a clean, paper-quiet neutral.
• Ash (#80BEC3): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007391): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00523B): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Navy (#003052): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Dusty Petrol Canyon color palette (#DCEDEA, #73C2C9, #007988, #004C47, #001A21)
• Patina Study color palette (#F5EDE6, #90B6D6, #4A65A7, #004E57, #2D2554)
• Patina Cerulean Loft color palette (#FEF2ED, #AFCEB9, #3C80A6, #006152, #1D3B63)
• Denim Study color palette (#F6EDE8, #7EAA94, #005B95, #003E3B, #0C184E)
• Dusty Turquoise color palette (#BBEDFF, #26A8CA, #006274, #00313E, #001A22)
• Muted Garden color palette (#DFFEE5, #91C3EF, #918ECF, #006B52, #0B3B2A)
• Turquoise Study color palette (#F6EBF3, #94E3E8, #00B5E2, #0C946C, #06304E)
• Abyss Pier color palette (#FAEBE2, #558999, #004163, #00231E, #000428)

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